:root{font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;color:#253729;background:#f5f3ed;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.shell{width:min(1100px,calc(100% - 44px));margin:auto}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ded4}.brand{display:inline-flex;align-items:center;gap:9px;color:#213c2a;text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.04em}.brand-mark,.footer-mark{display:grid;place-items:center;width:27px;height:27px;background:#315a3d;color:#e8f1df;border-radius:8px;font-size:15px}.brand-light{font-weight:400;color:#7b8e78}.privacy{display:flex;align-items:center;gap:7px;color:#718070;font-size:12px}.privacy-dot{width:7px;height:7px;border-radius:50%;background:#73a565;box-shadow:0 0 0 4px #e3efde}.hero{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:56px;align-items:center;padding:68px 0 76px}.eyebrow,.step{color:#638168;font-size:11px;letter-spacing:.15em;font-weight:800;text-transform:uppercase}.hero h1{margin:13px 0 18px;color:#20392a;font-size:clamp(42px,6.4vw,72px);line-height:1.02;letter-spacing:-.075em}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#a36c4e;letter-spacing:-.06em}.intro{max-width:570px;margin:0;color:#687568;font-size:15px;line-height:1.9}.hero-points{display:flex;flex-wrap:wrap;gap:19px;margin-top:25px;color:#778576;font-size:12px;font-weight:700}.hero-art{position:relative;height:270px;display:grid;place-items:center;isolation:isolate}.film{position:absolute;width:264px;height:174px;border-radius:14px;padding:17px 19px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;transform:rotate(-9deg);box-shadow:0 18px 36px #53735a24}.film:before,.film:after{content:'';position:absolute;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,#f5f3ed 0 11px,transparent 11px 19px);opacity:.9}.film:before{top:-5px}.film:after{bottom:-5px}.film i{display:block;border-radius:7px;background:#b8d1ac}.film-back{background:#dce8d4;transform:rotate(11deg) translate(18px,12px);opacity:.8}.film-back i:nth-child(1){background:#f0c7a8}.film-back i:nth-child(2){background:#b9cfe0}.film-back i:nth-child(3){background:#d6b18c}.film-back i:nth-child(4){background:#aecda4}.film-front{background:#54765d;transform:rotate(-7deg);padding-top:28px;z-index:1}.film-front i:nth-child(1){background:#e2bb91}.film-front i:nth-child(2){background:#86a98a}.film-front i:nth-child(3){background:#d7e3bd}.film-front i:nth-child(4){background:#9bc1be}.film-front b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#fbf6e9;color:#527158;font-size:17px;padding-left:3px;box-shadow:0 8px 20px #284a3030}.art-spark{position:absolute;color:#b18465;font-size:25px}.spark-one{top:18px;left:15px}.spark-two{right:26px;bottom:28px;font-size:18px}.art-stamp{position:absolute;right:-4px;top:26px;width:87px;height:87px;display:grid;place-items:center;align-content:center;text-align:center;border:1px solid #d5b195;border-radius:50%;color:#aa795d;font-size:11px;line-height:1.4;transform:rotate(10deg);background:#f6eee6cc}.art-stamp strong{font-size:16px}.workspace,.results{padding:34px 0 50px;border-top:1px solid #d9ded4}.section-heading,.settings-head,.results-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-heading h2,.settings-head h2,.results-heading h2{margin:8px 0 0;color:#263d2b;font-size:25px;letter-spacing:-.045em}.section-note{color:#89958a;font-size:11px}.dropzone{min-height:208px;margin-top:26px;border:1.5px dashed #b5c4b1;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#708071;background:#f8f7f2;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.dropzone:hover,.dropzone.dragover{border-color:#6e9a73;background:#f0f6ec;transform:translateY(-1px)}.dropzone strong{color:#3f5945;font-size:16px}.dropzone span{font-size:12px}.dropzone .choose-text{color:#9d684b;font-weight:800}.dropzone small{margin-top:9px;color:#9ba69b;font-size:11px}.upload-icon{width:45px;height:45px;display:grid;place-items:center;margin-bottom:4px;border-radius:13px;background:#e6f0e1;color:#56805d;font-size:26px;font-weight:300}.notice{min-height:20px;margin:12px 2px 0;color:#a16e4e;font-size:12px}.settings-head{margin-top:32px}.settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px;margin-top:22px}.setting{display:flex;flex-direction:column;min-width:0;gap:8px;color:#667568;font-size:12px}.setting-title{color:#3d5543;font-size:12px;font-weight:800}.setting-title strong{color:#a16e4e;margin-left:5px}.setting select,.setting input[type=range]{width:100%}.setting select{height:42px;padding:0 12px;border:1px solid #d1dacf;border-radius:9px;outline:none;background:#fbfaf6;color:#304835;font-size:13px}.setting select:focus{border-color:#8eb28d;box-shadow:0 0 0 3px #8eb28d26}.setting input[type=range]{margin:4px 0 0;accent-color:#628f69}.setting small{min-height:31px;color:#96a197;font-size:11px;line-height:1.55}.range-labels{display:flex;justify-content:space-between;margin-top:-2px;color:#a0aaa0;font-size:10px}.setting-check{padding:0 14px;border:1px solid #d7ded3;border-radius:10px;background:#fafaf5}.checkline{display:flex;align-items:center;gap:9px;min-height:42px;color:#4f6753;font-size:13px}.checkline input{width:16px;height:16px;margin:0;accent-color:#628f69}.actionbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:29px;padding-top:23px;border-top:1px solid #e0e4dc}.queue-summary{color:#7d897e;font-size:12px}.primary,.secondary,.text-button,.download-one,.remove-one{border-radius:9px;font-size:12px;font-weight:800}.primary{display:inline-flex;align-items:center;gap:18px;padding:13px 18px;border:0;background:#315a3d;color:#f7f4e8;box-shadow:0 5px 14px #315a3d25}.primary:not(:disabled):hover{background:#284e34;transform:translateY(-1px)}.results{padding-bottom:46px}.results-heading{align-items:center}.result-actions{display:flex;align-items:center;gap:10px}.text-button{padding:9px 0;border:0;background:transparent;color:#9d6a4e}.secondary{padding:10px 13px;border:1px solid #b9c9b4;background:#edf5e9;color:#4c7456}.progress-wrap{display:flex;align-items:center;gap:12px;margin:22px 0 12px;color:#78907c;font-size:11px}.progress-track{flex:1;height:7px;overflow:hidden;border-radius:99px;background:#e2e9df}.progress-track div{height:100%;width:0;background:#6f9c73;border-radius:99px;transition:width .18s}.total-saving{margin:17px 0 0;padding:12px 15px;border-radius:10px;background:#edf7e9;color:#397548;font-size:13px;font-weight:800}.file-list{display:grid;gap:10px;margin-top:15px}.file-row{display:grid;grid-template-columns:88px minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:12px;border:1px solid #e0e5dc;border-radius:12px;background:#fbfaf6}.thumb{width:88px;height:58px;border-radius:8px;background:#e4ebe0;object-fit:cover}.file-name{overflow:hidden;color:#3f5644;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.file-meta{margin-top:5px;color:#96a197;font-size:11px}.saving{color:#4d8956;font-size:12px;font-weight:800;white-space:nowrap}.saving.warning,.file-error{color:#ae6d4c}.download-one,.remove-one{padding:8px 9px;border:1px solid #b9c9b4;background:#fff;color:#4e7456;white-space:nowrap}.download-one:not(:disabled):hover{background:#edf5e9}.remove-one{border-color:#eadfd7;color:#a26b4d}.remove-one:not(:disabled):hover{background:#fff4ee}.local-note{margin:0 0 28px;padding:14px 17px;border:1px solid #d9e0d6;border-radius:12px;color:#7d897e;font-size:12px;background:#fafaf5}.local-note summary{color:#527158;font-weight:800;cursor:pointer}.local-note p{max-width:80ch;margin:11px 0 3px;line-height:1.7}.local-note code{padding:2px 5px;border-radius:4px;background:#e9f0e5;color:#5f8061;font-size:.92em}footer{display:flex;align-items:center;gap:9px;padding:25px 0 38px;border-top:1px solid #d9ded4;color:#9aa49a;font-size:11px}.footer-mark{width:21px;height:21px;border-radius:6px;font-size:11px}.footer-sep{color:#c6cec5}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:15px;padding:52px 0 45px}.hero-art{max-width:430px;width:100%;margin:auto}.settings{grid-template-columns:repeat(2,minmax(0,1fr))}.file-row{grid-template-columns:70px minmax(0,1fr) auto auto}.thumb{width:70px;height:54px}.remove-one{grid-column:4;grid-row:1}.saving{grid-column:2;grid-row:2;justify-self:start}}@media(max-width:590px){.shell{width:min(100% - 28px,520px)}.topbar{height:72px}.privacy{font-size:10px}.hero h1{font-size:46px}.hero-art{height:220px}.art-stamp{right:0;top:10px}.section-heading,.settings-head,.results-heading{display:block}.section-note{display:block;margin-top:8px}.settings{grid-template-columns:1fr;gap:14px}.setting-check{padding:11px 14px}.actionbar{display:block}.primary{width:100%;justify-content:space-between;margin-top:15px}.result-actions{justify-content:flex-start;margin-top:14px}.file-row{grid-template-columns:56px minmax(0,1fr) auto;gap:9px}.thumb{width:56px;height:48px}.saving{grid-column:2;grid-row:2}.download-one{grid-column:3;grid-row:1}.remove-one{grid-column:3;grid-row:2;padding:6px 8px}.file-name{font-size:12px}.local-note{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}