@font-face{font-family:system;src:local("Segoe UI")}:root{font-family:system,Segoe UI,sans-serif;color:#15253c;background:#f3f7f9;font-synthesis:none;--surface: #fff;--soft: #f7fafb;--line: #dce6eb;--muted: #65768a;--ink: #15253c;--teal: #098596;--selected: #eaf7f7;--shadow: 0 5px 20px #173b5010;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh}body.dark{--surface: #192630;--soft: #1d2e38;--line: #344653;--muted: #a3b3bf;--ink: #e3edf2;--selected: #183b43;--shadow: 0 5px 20px #0002;background:#111d26;color:var(--ink);color-scheme:dark}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--teal)}h1,h2,h3,p{margin-top:0}button,a{touch-action:manipulation}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1320px)/2));background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:23px;font-weight:750;letter-spacing:-.8px}.brand small{display:block;letter-spacing:2px;font-size:9px;color:var(--muted);margin-top:4px}.accent{color:var(--teal)}nav{display:flex;gap:16px}.quiet{background:none;border:0;color:var(--muted);padding:10px;font-size:13px}.quiet:hover{color:var(--teal)}.shell{max-width:1320px;margin:auto;padding:40px 32px 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--teal);margin-bottom:10px}h1{font-size:32px;font-weight:650;letter-spacing:-1px;margin-bottom:10px}.intro p:last-child{font-size:14px;color:var(--muted);margin-bottom:0}.privacy{white-space:nowrap;border:1px solid var(--line);background:var(--surface);padding:10px 13px;border-radius:20px;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:#159476;box-shadow:0 0 0 3px #15947612}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}.card{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.controls{padding:25px}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}h2{font-size:15px;font-weight:650;margin-bottom:0}.step{width:24px;height:24px;background:var(--selected);color:var(--teal);border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:700}.dropzone{padding:23px 8px 20px;border:1px dashed #a6cbd0;border-radius:9px;background:var(--soft);display:flex;align-items:center;flex-direction:column;cursor:pointer;text-align:center}.dropzone:hover,.dropzone.dragging{background:var(--selected);border-color:var(--teal)}.dropzone svg{width:43px;height:43px;fill:none;stroke:var(--teal);stroke-width:1.6;margin-bottom:12px}.dropzone strong{font-size:13px;font-weight:600;margin-bottom:5px}.dropzone span{font-size:12px;color:var(--teal)}.dropzone small{font-size:9px;color:var(--muted);margin-top:17px}.helper{font-size:11px;line-height:1.65;color:var(--muted);margin:10px 0 0}.divider{height:1px;background:var(--line);margin:24px 0}label:not(.dropzone){font-size:11px;font-weight:600;display:block;margin-bottom:8px}select,input[type=number],input[type=search]{width:100%;padding:11px 12px;color:var(--ink);border:1px solid var(--line);border-radius:7px;background:var(--surface)}select{font-size:13px}.format-hint{font-size:10px;color:var(--muted);line-height:1.6;margin:9px 0 17px}.options{border-top:1px solid var(--line);padding:16px 0;font-size:11px}.options summary{color:var(--muted);cursor:pointer}.options[open] summary{margin-bottom:15px}.size-row{display:flex;align-items:center;gap:10px}.size-row label{flex:1;min-width:0}.size-row input{margin-top:6px;font-size:12px}.check{display:flex!important;align-items:center;gap:6px;font-weight:400!important}.color-row{display:flex!important;align-items:center;justify-content:space-between;gap:10px;font-weight:400!important}.color-row input{height:28px;width:38px;padding:1px;border:1px solid var(--line);border-radius:4px}.primary,.secondary{border-radius:7px;padding:12px 16px;font-weight:600;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:42px}.primary{background:var(--teal);color:#fff;border:1px solid var(--teal)}.primary:hover{filter:brightness(.93)}.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.secondary:hover{background:var(--selected)}#convert{width:100%;justify-content:space-between}.cancel{width:100%;border:0;background:transparent;color:var(--teal);margin-top:10px;padding:8px}.preview-card{padding:24px 25px;overflow:hidden}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:10px}.tag{font-size:8px;letter-spacing:1.3px;color:var(--muted);padding:6px 8px;border:1px solid var(--line);border-radius:4px}.stage{min-height:430px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--soft);background-image:linear-gradient(45deg,#8995a30a 25%,transparent 25%),linear-gradient(-45deg,#8995a30a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#8995a30a 75%),linear-gradient(-45deg,transparent 75%,#8995a30a 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.empty{text-align:center;padding:30px 10px}.empty h3{font-size:18px;font-weight:600;letter-spacing:-.3px;margin:26px 0 10px}.empty p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:22px}.sample-art{width:146px;height:112px;background:#d9eef0;margin:0 auto;position:relative;border:7px solid var(--surface);border-radius:10px;box-shadow:0 9px 25px #18404e12;overflow:hidden;transform:rotate(-5deg)}.sun{position:absolute;top:15px;right:23px;width:22px;height:22px;border-radius:50%;background:#f3c96e}.mountain{position:absolute;bottom:11px;width:100px;height:65px;clip-path:polygon(50% 0,100% 100%,0 100%)}.back{right:-17px;background:#95c4c4}.front{left:-7px;background:#4a9c9a;width:110px;height:73px;bottom:8px}.art-label{position:absolute;bottom:0;left:0;right:0;background:var(--surface);font-size:8px;letter-spacing:.4px;padding:6px 0;color:var(--muted)}#preview{max-width:100%;max-height:520px;width:auto;height:auto;object-fit:contain;image-rendering:auto}.site-footer{max-width:1256px;margin:15px auto 0;border-top:1px solid var(--line);padding:23px 0 30px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.site-footer>span:first-child{font-weight:650;color:var(--ink)}.site-footer a{text-decoration:none;color:var(--muted)}.version{color:var(--muted);font-weight:400;margin-left:5px}.queue{display:grid;gap:5px;margin-top:12px;max-height:150px;overflow:auto}.queue button{display:block;text-align:left;border:1px solid var(--line);border-radius:5px;padding:8px;background:var(--soft);color:var(--ink);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue button[aria-current=true]{border-color:var(--teal);background:var(--selected)}.image-info{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding:16px 0 2px}.notes{font-size:11px;color:var(--muted);line-height:1.7;margin:12px 0 0;white-space:pre-line}.error{background:#c7353510;border:1px solid #c7353550;color:#c84d42;padding:14px;border-radius:7px;font-size:12px;line-height:1.7;margin-top:16px}.result{background:var(--selected);border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.result h3{font-size:13px;margin:5px 0;overflow-wrap:anywhere}.result p{font-size:11px;color:var(--muted);margin:0}.result .eyebrow{font-size:8px}.downloads{display:flex;gap:7px;flex-wrap:wrap}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:13px;max-width:780px;width:calc(100% - 32px);padding:28px;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#10253380;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:24px}dialog>p{font-size:12px;color:var(--muted);line-height:1.7;margin:18px 0}#format-list{margin-top:18px;max-height:45vh;overflow:auto}.format-row{display:grid;grid-template-columns:1fr 100px 100px;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.format-row small{display:block;color:var(--muted);margin-top:4px}.cap{color:var(--teal)}#quality-control{margin:15px 0}#quality-control label{display:flex;justify-content:space-between}input[type=range]{width:100%;accent-color:var(--teal)}[hidden]{display:none!important}@media(min-width:1450px){.shell{padding-top:10px}.stage{min-height:470px}}@media(max-width:900px){.workspace{grid-template-columns:300px minmax(0,1fr)}.shell{padding:28px 20px}.privacy{display:none}h1{font-size:28px}.controls,.preview-card{padding:20px}.stage{min-height:430px}.result{flex-direction:column;align-items:start}.site-footer{margin:10px 20px 0}}@media(max-width:680px){.topbar{height:78px;padding:0 18px}.brand{font-size:20px}.brand img{width:32px;height:32px}nav{gap:0}nav button{font-size:11px}.quiet{padding:8px}#theme span{display:none}.shell{padding:28px 16px 0}h1{font-size:25px;letter-spacing:-.8px}.intro p:last-child{font-size:12px;line-height:1.7}.eyebrow{font-size:9px}.workspace{display:flex;flex-direction:column}.card{width:100%}.stage{min-height:360px}.site-footer>span:nth-child(2){display:none}.format-row{grid-template-columns:1fr 67px 67px;font-size:10px}dialog{padding:20px}}body.dark{--teal: #58cbd3}body.dark .primary{background:#087586;border-color:#087586}