@font-face{font-family:Manrope;src:url(fonts/Manrope-800.ttf);font-weight:800;font-display:swap}@font-face{font-family:Inter;src:url(fonts/Inter.ttf);font-weight:100 900;font-display:swap}:root{--navy:#101828;--teal:#0f766e;--mint:#2dd4bf;--muted:#667085;--line:#d9e2ec;--cloud:#f7f9fc}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:var(--cloud);font:14px/1.6 Inter,Arial,sans-serif}.shell{max-width:1340px;padding:0 40px;margin:auto}header{min-height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);font:800 23px Manrope,Arial,sans-serif}.brand small{display:block;font:9px Inter,Arial,sans-serif;letter-spacing:.08em;margin-top:5px}.badge{border:1px solid var(--line);border-radius:25px;padding:8px 12px;letter-spacing:.1em;font-size:9px}.badge i{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:6px}.intro{display:flex;justify-content:space-between;align-items:end;padding:48px 0 35px}.eyebrow{color:var(--teal);font-size:10px;font-weight:700;letter-spacing:.16em;margin:0 0 17px}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:800}h1{font-size:49px;line-height:1.12;letter-spacing:-2px;margin:0 0 18px}h1 span{color:var(--teal)}.lede{font-size:15px;color:#475467;margin:0}.privacy-note{display:flex;gap:16px;border-left:1px solid var(--line);padding:18px 0 18px 28px;font-size:12px}.privacy-note p{font-size:11px;color:var(--muted);margin:5px 0 0}.privacy-icon{color:var(--teal);font-size:28px;line-height:1.3}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.83fr) minmax(0,1.32fr);gap:20px;align-items:start}.panel{border:1px solid var(--line);background:white;border-radius:16px;overflow:hidden;padding:23px;min-width:0}.step{display:flex;gap:9px;align-items:center;margin-bottom:20px}.step>span{display:grid;place-content:center;background:#eaf5f3;color:var(--teal);width:27px;height:27px;border-radius:50%;font-size:10px;flex-shrink:0}h2{font-size:16px;line-height:1.4;margin:0;letter-spacing:-.3px}label{font-size:11px;font-weight:600;display:block;margin:16px 0 7px}label span{color:var(--muted);font-weight:400}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #92b6b2;border-radius:12px;background:#f3faf8;padding:22px 10px;gap:6px;cursor:pointer;color:var(--teal);min-height:191px;margin:0}.dropzone.dragover{background:#dff6ef;border-color:var(--teal)}.dropzone strong{font-size:13px}.dropzone>span:not(.upload-icon){font-size:10px;font-weight:400}.dropzone small{font-weight:400;font-size:9px;color:var(--muted);margin-top:2px}.upload-icon{border-radius:10px;background:white;border:1px solid #d3e6e1;width:37px;height:37px;font-size:24px;color:var(--teal);line-height:1.35}.dropzone input{max-width:220px;font-size:9px;margin:5px 0 0}.dropzone input::file-selector-button{border:0;border-radius:5px;padding:6px 8px;background:#e1efeb;color:var(--teal);font:inherit;margin-right:6px}.source-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:13px 0}.muted{color:var(--muted);font-size:10px}.source-empty{text-align:center;padding:27px 0 36px;color:#98a2b3}.source-empty>span{font-size:35px;color:#a8c8c2}.source-empty p{font-size:11px;margin:8px 0 0}.source-empty small{font-size:9px}.image-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:340px;overflow:auto;padding:3px}.image-card{position:relative;min-width:0}.image-card>button{background:var(--cloud);color:var(--navy);padding:0;border:2px solid transparent;border-radius:9px;width:100%;overflow:hidden;min-height:0;display:block}.image-card.selected>button{border-color:var(--teal)}.image-card img{display:block;height:68px;width:100%;object-fit:contain;background:repeating-conic-gradient(#eef1f4 0% 25%,white 0% 50%) 0 0/12px 12px}.image-card .card-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;padding:5px;max-width:100%}.image-card .remove-image{position:absolute;top:3px;right:3px;min-height:23px;width:23px;height:23px;display:grid;place-content:center;padding:0;background:white;border:1px solid var(--line);border-radius:50%;font-size:14px;color:var(--navy)}details{border-top:1px solid var(--line);padding-top:15px;font-size:10px;color:var(--muted);margin-top:18px}summary{color:var(--teal);cursor:pointer;font-size:10px;font-weight:600}fieldset{margin:0;padding:0;border:0;min-width:0}input,select{font:12px Inter,Arial,sans-serif;color:var(--navy)}input:not([type=file]):not([type=range]):not([type=color]),select{border:1px solid var(--line);background:white;padding:11px 10px;border-radius:8px;width:100%;min-height:42px}select{font-size:11px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{font-size:9px;color:var(--muted);line-height:1.6;margin:7px 0 0}.background-row{align-items:end}.color-control{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:5px 7px;min-height:42px}.color-control input{width:26px;height:28px;padding:0;border:0;background:none}.color-control output{font-size:9px;color:var(--muted)}.white-action button{width:100%;padding:10px 6px;font-size:10px}.range-label{display:flex;align-items:center;justify-content:space-between}.range-label output{color:var(--teal)}input[type=range]{width:100%;accent-color:var(--teal);margin:4px 0 0}.settings-actions{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-top:21px;padding-top:8px;gap:8px}.file-button{position:relative;cursor:pointer;color:var(--teal);font-size:10px;font-weight:600;margin:0;min-height:38px;display:flex;align-items:center;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.file-button:focus-within{outline:3px solid var(--mint);outline-offset:2px}.preview-heading>.step{margin-bottom:7px}.preview-heading>.muted{display:block;margin-left:36px;margin-bottom:20px}.preview-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;min-height:358px}.empty-art{position:relative;width:142px;height:126px}.empty-art>div{position:absolute;width:89px;height:108px;border:1px solid #b6d5cd;background:#eaf5f0;border-radius:14px;transform:rotate(-9deg);top:4px;left:11px}.empty-art>div:before{content:'';position:absolute;width:89px;height:108px;border:5px solid white;background:#d3e9e2;border-radius:14px;box-shadow:0 4px 18px #193f2a0d;transform:rotate(18deg);top:5px;left:22px}.empty-art>div:after{content:'';position:absolute;width:35px;height:51px;border-radius:8px 8px 16px 16px;background:#55988a;top:37px;left:49px;transform:rotate(18deg)}.empty-art>span{position:absolute;color:var(--teal);font-size:28px;right:0;top:-12px}.preview-empty h3{font-size:17px;margin:25px 0 6px}.preview-empty p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}figure{margin:0;min-width:0}.preview-label{display:flex;justify-content:space-between;flex-direction:column;gap:3px;font-size:8px;letter-spacing:.08em;color:var(--teal);margin-bottom:8px}.preview-label span+span{font-size:8px;letter-spacing:0;color:var(--muted)}.image-stage{display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f7f9fc;aspect-ratio:1/1.2}.image-stage img{display:block;width:100%;height:100%;object-fit:contain;min-height:0;max-height:240px}.checker{background:repeating-conic-gradient(#eef1f4 0% 25%,white 0% 50%) 0 0/16px 16px}figcaption{font-size:9px;color:var(--muted);margin-top:9px;line-height:1.8;min-height:34px;overflow-wrap:anywhere}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:19px 0 25px}.preview-footer strong{font-size:11px;overflow-wrap:anywhere}.nav-buttons{display:flex;gap:7px;flex-shrink:0}.nav-buttons button{min-height:34px;width:34px;padding:0}.export-bar{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.export-bar strong{font-size:12px}.export-bar p{font-size:10px;color:var(--muted);margin:5px 0 16px}.export-bar>button{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:12px;min-height:47px}.export-bar>button span{font-size:18px}button{font:600 11px Inter,Arial,sans-serif;border:1px solid var(--teal);border-radius:8px;background:var(--teal);color:white;padding:11px 13px;min-height:42px;cursor:pointer}button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:white;color:var(--teal);border-color:var(--line)}.text-button{background:transparent;border-color:transparent;color:var(--teal);padding:7px 0;font-size:10px;min-height:33px}.status-area{padding:20px 0 0;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:14px;flex-wrap:wrap}#status{flex:1;min-width:200px}progress{height:7px;width:160px;accent-color:var(--teal)}.session-actions{display:flex;gap:15px;align-items:center}.error{background:#fff3e8;border:1px solid #f7d4b2;color:#923b17;font-size:11px;padding:12px 15px;border-radius:9px;white-space:pre-wrap;overflow-wrap:anywhere}.status-area>.error{flex-basis:100%}.settings-panel>.error{margin-top:12px}.notes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;margin:38px 0 32px;padding-top:27px;border-top:1px solid var(--line)}.notes span{font-size:8px;color:var(--teal);letter-spacing:.12em;font-weight:700}.notes p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:7px}footer{border-top:1px solid var(--line);padding:20px 0 28px;display:flex;gap:20px;justify-content:space-between;font-size:9px;color:var(--muted)}footer p{margin:0}footer>span{white-space:nowrap}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.skip{position:absolute;left:20px;top:-100px;padding:10px;background:white;z-index:5}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}@media(min-width:1450px){.shell{max-width:1420px}.panel{padding:26px}.image-stage{aspect-ratio:1}}@media(max-width:1120px){.shell{padding:0 25px}.workspace{grid-template-columns:1fr 1fr}.preview-panel{grid-column:1/-1}.preview-heading{display:flex;justify-content:space-between;align-items:center}.preview-heading>.muted{margin:0 0 12px}.preview-empty{min-height:260px}.comparison{max-width:760px;margin:auto}.image-stage{aspect-ratio:1.5}.image-stage img{max-height:280px}.preview-footer{max-width:760px;margin:18px auto}.export-bar{display:flex;justify-content:space-between;align-items:center;gap:25px}.export-bar>button{width:250px}.export-bar p{margin-bottom:0}.preview-label{flex-direction:row}.privacy-note{max-width:310px}}@media(max-width:680px){.shell{padding:0 18px}header{min-height:88px}.brand{font-size:21px;gap:8px}.brand small{font-size:7px}.brand img{width:29px;height:29px}.badge{font-size:7px;padding:7px 8px;max-width:91px;text-align:center;line-height:1.7}.badge i{display:none}.intro{display:block;padding:33px 0 27px}h1{font-size:42px}.lede{font-size:13px}.privacy-note{border:0;padding:18px 0 0;max-width:none;gap:12px}.privacy-note p{font-size:10px}.privacy-icon{font-size:25px}.workspace{grid-template-columns:1fr;gap:16px}.panel{padding:21px}.preview-panel{grid-column:auto}.source-empty{padding:12px 0 19px}.source-toolbar{margin-bottom:4px}.image-list{grid-template-columns:repeat(4,minmax(0,1fr))}.image-card img{height:61px}.preview-heading{display:block}.preview-heading>.muted{margin-left:36px}.preview-empty{min-height:280px}.image-stage{aspect-ratio:1}.image-stage img{max-height:220px}.preview-label{flex-direction:column}.export-bar{display:block}.export-bar>button{width:100%;margin-top:17px}.notes{gap:15px;margin:25px 0;grid-template-columns:1fr}.notes p{margin-bottom:0}.notes span{font-size:9px}.notes p br{display:none}.status-area{padding-top:16px;gap:9px}#status{min-width:100%;font-size:10px}.session-actions{margin-left:auto}footer{flex-direction:column;gap:8px;font-size:9px}.desktop{display:none}h2{font-size:16px}.hint{font-size:10px}details{font-size:11px}.source-empty small{font-size:10px}.settings-actions .text-button,.file-button{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}