:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#171611;--paper:#f4f1ea;--paper-2:#e8e0d2;--line:#2a2924;--muted:#6b6254;--blue:#233c7b;--red:#b5364a;--green:#1d6b4f;--gold:#c2902f;--surface:#fbfaf6;--radius:7px;background:var(--paper);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;font-family:Avenir Next,Gill Sans,Noto Sans SC,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible,label:focus-within{outline:2px solid var(--blue);outline-offset:2px}.app-shell{flex-direction:column;gap:18px;min-height:100vh;padding:22px;display:flex}.topbar{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:end;gap:18px;padding-bottom:18px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(44px,8vw,92px);font-weight:500;line-height:.9}h2{font-size:18px;font-weight:650;line-height:1.2}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:12px}.privacy-pill{border:1px solid var(--ink);color:var(--green);background:var(--surface);border-radius:var(--radius);white-space:nowrap;padding:8px 12px;font-weight:650}.workspace{grid-template-columns:minmax(250px,330px) minmax(360px,1fr) minmax(260px,340px);align-items:start;gap:18px;display:grid}.upload-pane,.preview-pane,.settings-pane{min-width:0}.section-head,.preview-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:end;gap:12px;min-height:48px;margin-bottom:14px;padding-bottom:10px;display:flex}.section-head span{color:var(--red);font-weight:800}.upload-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.button{appearance:none;border:1px solid var(--ink);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 13px;font-weight:650;text-decoration:none;transition:transform .14s,background .14s,color .14s;display:inline-flex}.button:hover:not(:disabled){background:var(--ink);color:var(--surface);transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.45}.button svg,.icon-button svg{width:17px;height:17px}.button-primary{background:var(--blue);border-color:var(--blue);color:#f9f4e8}.button-block{width:100%}input[type=file]{opacity:0;pointer-events:none;position:absolute}.hint{color:var(--muted);margin:10px 0 14px;font-size:13px;line-height:1.5}.image-grid{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));margin:0;padding:0;list-style:none;display:grid}.image-grid-empty{min-height:210px;color:var(--muted);border:2px solid var(--ink);background:repeating-linear-gradient(-45deg,#f8f5ee 0 9px,#ddd3c1 9px 11px);place-items:center;display:grid}.image-grid li{border-left:2px solid var(--ink);border-top:2px solid var(--ink);background:var(--surface);min-width:0;position:relative}.image-grid img{aspect-ratio:1;object-fit:contain;background:var(--ink);width:100%;display:block}.image-grid div{gap:2px;padding:9px;display:grid}.image-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.image-grid small{color:var(--muted);font-size:11px}.image-index{background:var(--ink);color:var(--surface);padding:3px 7px;font-size:11px;font-weight:700;position:absolute;top:0;left:0}.canvas-wrap{background:var(--ink);border:2px solid var(--ink);place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden}.canvas-wrap canvas{aspect-ratio:3/2;width:100%;display:block}.canvas-wrap-empty canvas{visibility:hidden}.empty-state{color:#f8f1e5;text-align:center;max-width:280px;line-height:1.6;position:absolute}.transport{border:1px solid var(--ink);background:var(--surface);border-top:0;grid-template-columns:42px 42px auto 1fr;align-items:center;gap:10px;padding:10px;display:grid}.icon-button{border:1px solid var(--ink);background:var(--surface);border-radius:var(--radius);cursor:pointer;place-items:center;width:42px;height:38px;display:grid}.icon-button-play{background:var(--ink);color:var(--surface)}.icon-button:disabled{opacity:.35;cursor:not-allowed}.time-readout{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-size:13px}input[type=range]{width:100%;accent-color:var(--ink)}.control-group{border:1px solid var(--ink);background:var(--surface)}.setting-row{border-bottom:1px solid #d7cdbd;grid-template-columns:76px minmax(0,1fr) 58px;align-items:center;gap:10px;padding:12px;font-size:13px;display:grid}.setting-row-toggle{grid-template-columns:76px minmax(0,1fr)}.setting-row>span{font-weight:650}.setting-row em{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-style:normal}.segmented{border:1px solid var(--ink);grid-auto-columns:1fr;grid-auto-flow:column;min-width:0;display:grid}.segmented label{border-right:1px solid var(--ink);cursor:pointer;place-items:center;min-height:31px;display:grid;position:relative}.segmented label:last-child{border-right:0}.segmented input{opacity:0;position:absolute}.segmented span{white-space:nowrap;padding:6px 8px;font-size:12px}.segmented .active{background:var(--ink);color:var(--surface)}.export-block{border-top:2px solid var(--ink);margin-top:16px;padding-top:16px}.meter{background:#d9d0c1;height:5px;margin-top:12px;overflow:hidden}.meter span{background:var(--red);height:100%;transition:width .12s linear;display:block}.messages{gap:8px;max-width:880px;display:grid}.message{border:1px solid var(--ink);background:var(--surface);align-items:flex-start;gap:9px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.message-error{border-color:var(--red);color:#7b1724;background:#fae7e5}.message-warning{border-color:var(--gold);color:#66460c;background:#fff3cf}.message-success{border-color:var(--green);color:#164f3c;background:#e5f1ea}@media (width<=1080px){.workspace{grid-template-columns:minmax(260px,.42fr) minmax(360px,.58fr)}.settings-pane{grid-column:1/-1}}@media (width<=760px){.app-shell{padding:14px}.topbar,.workspace{flex-direction:column;align-items:stretch;display:flex}.privacy-pill{align-self:flex-start}.transport{grid-template-columns:42px 42px 1fr}.transport input{grid-column:1/-1}.upload-actions{grid-template-columns:1fr}}