.page [hidden]{display:none!important}.drop{text-align:center;border:2px dashed var(--line);justify-items:center;gap:12px;padding:clamp(28px,6vw,44px) 20px;transition:border-color .15s,background-color .15s;display:grid}.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop-title{font-family:var(--font-display);font-size:26px;font-weight:600}.file-btn{cursor:pointer}.file-btn:focus-within{outline:2px solid var(--accent);outline-offset:3px}.privacy{color:var(--ink-soft);font-size:14px}.work{gap:16px;margin-top:20px;display:grid}.work[hidden]{display:none}.panel{gap:16px;padding:20px;display:grid}.files{gap:8px;margin:0;padding:0;list-style:none;display:grid}.file-row{border:1px solid var(--line);background:var(--paper);border-radius:10px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.file-row canvas,.file-row img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:3px;width:40px;height:auto;max-height:52px}.file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.file-meta{color:var(--ink-soft);font-size:13px}.row-tools{gap:4px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--paper-raised);width:34px;height:34px;color:var(--ink-soft);font:inherit;cursor:pointer;border-radius:8px;place-items:center;font-size:16px;display:grid}.icon-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.thumbs{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;display:grid}.thumb{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:10px;justify-items:center;gap:6px;padding:10px 8px 8px;font-size:13px;display:grid;position:relative}.thumb canvas{background:#fff;max-width:100%;height:auto;box-shadow:0 1px 3px #00000026}.thumb.picked{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.thumb.dragging{opacity:.4}.thumb.drop-before{box-shadow:-4px 0 0 var(--accent)}.options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.field{color:var(--ink-soft);gap:6px;font-size:14px;font-weight:600;display:grid}.field small{font-weight:400}.text-input,.select{border:1px solid var(--line);background:var(--paper);width:100%;height:46px;color:var(--ink);font:inherit;border-radius:10px;padding:0 14px;font-size:16px;font-weight:400}.select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px}.text-input:focus,.select:focus{outline:2px solid var(--accent);outline-offset:1px}.mono{font-family:var(--font-mono)}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg button{border:1px solid var(--line);background:var(--paper-raised);height:40px;color:var(--ink-soft);font:inherit;cursor:pointer;border-radius:10px;padding:0 14px;font-size:15px;font-weight:600}.seg button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.actions{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.actions .btn{cursor:pointer;font:inherit;border:0;font-size:16px;font-weight:600}.actions .btn:disabled{opacity:.6;cursor:progress;transform:none}.hint{color:var(--ink-soft);font-size:14px}.error{color:var(--danger);font-size:15px;font-weight:600}.error[hidden]{display:none}.done{background:var(--accent-soft);color:var(--accent);border-radius:10px;padding:14px 16px;font-weight:600}.done[hidden]{display:none}.link-btn{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}@media (width<=480px){.thumbs{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}}.small-btn{border:1px solid var(--line);background:var(--paper-raised);height:34px;color:var(--ink-soft);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;padding:0 12px;font-size:13px;font-weight:600}.small-btn:hover{border-color:var(--accent);color:var(--accent)}.file-meta strong{color:var(--ink)}.good{color:var(--accent);font-weight:700}.bad{color:var(--danger);font-weight:600}.slider-field{color:var(--ink-soft);gap:6px;font-size:14px;font-weight:600;display:grid}.range-row{grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:10px;display:grid}.range-row output{font-family:var(--font-mono);text-align:right;color:var(--ink);font-size:14px}.range{width:100%;accent-color:var(--accent);cursor:pointer}.check{color:var(--ink);cursor:pointer;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.actions .btn-ghost{border:1px solid var(--line);color:var(--ink)}@media (width<=480px){.file-row{grid-template-columns:40px minmax(0,1fr)}.file-row .row-tools{grid-column:1/-1;justify-content:flex-end}}.output{border:1px solid var(--accent);background:var(--accent-soft);border-radius:12px;gap:10px;padding:16px;display:grid}.output-label{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:700}.output-text{font-family:var(--font-mono);color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.5}.output-text.muted{color:var(--ink-soft)}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.btn-row .small-btn.primary{background:var(--hot);border-color:var(--hot);color:var(--hot-ink)}.btn-row .small-btn.primary:hover{color:var(--hot-ink);opacity:.9}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--line);background:var(--paper-raised);height:32px;color:var(--ink-soft);font:inherit;cursor:pointer;border-radius:999px;padding:0 12px;font-size:13px;font-weight:600}.chips button:hover,.chips button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}textarea.text-input{resize:vertical;height:auto;min-height:96px;padding:12px 14px;line-height:1.5}.span-all{grid-column:1/-1}.page{padding-top:clamp(24px,5vw,48px);padding-bottom:clamp(48px,8vw,96px)}.page .back{color:var(--ink-soft);margin-bottom:12px;font-size:14px;text-decoration:none;display:inline-block}.page h1{margin-bottom:8px;font-size:clamp(28px,4.5vw,40px)}.page .lead{color:var(--ink-soft);max-width:680px;margin-bottom:24px}.layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.stage{text-align:center;align-content:center;justify-items:center;gap:18px;min-height:360px;padding:clamp(20px,4vw,32px);display:grid;position:relative}.stage:fullscreen{background:var(--paper);border:0;border-radius:0;min-height:100vh}.stage-corner{gap:6px;display:flex;position:absolute;top:12px;right:12px}.stage-corner button{border:1px solid var(--line);background:var(--paper-raised);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;border-radius:10px;place-items:center;display:grid}.stage-corner button:hover{color:var(--ink);border-color:var(--ink-soft)}.stage-corner svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.go{cursor:pointer;min-width:160px;font:inherit;border:0;justify-content:center;padding:14px 28px;font-size:17px;font-weight:700}.go:disabled{opacity:.6;cursor:progress;transform:none}.stage .actions{justify-content:center}.result{align-content:center;gap:4px;min-height:72px;display:grid}.result-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:13px;font-weight:600}.result-value{font-family:var(--font-display);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(30px,6vw,52px);font-weight:700;line-height:1.05}.stage:fullscreen .result-value{font-size:clamp(48px,9vw,120px)}.result-value.muted{color:var(--ink-soft);letter-spacing:0;font-size:22px;font-weight:600}.pop{animation:.45s cubic-bezier(.2,1.6,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.history{gap:8px;display:grid}.history h2{font-size:16px}.history ol{color:var(--ink-soft);font-variant-numeric:tabular-nums;gap:4px;margin:0;padding-left:22px;font-size:15px;display:grid}.history ol:empty:before{content:"Nothing yet.";margin-left:-22px}.count{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:14px}@media (width<=820px){.layout{grid-template-columns:minmax(0,1fr)}.stage{min-height:0}.stage:has(.stage-corner){padding-top:60px}}.facts{grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:0;font-size:15px;display:grid}.facts dt{color:var(--ink-soft)}.facts dd{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-weight:700}.panel h2{font-size:20px}.meter{background:var(--accent-soft);border-radius:6px;width:100%;height:18px;position:relative;overflow:hidden}.meter-fill{width:calc(var(--level,0) * 100%);background:var(--hot);transition:width 50ms linear;position:absolute;inset:0 auto 0 0}.meter-peak{top:0;bottom:0;left:calc(var(--peak,0) * 100%);background:var(--ink);width:3px;margin-left:-3px;position:absolute}.meter.clip .meter-fill{background:var(--danger)}.ask{justify-items:center;gap:14px;max-width:420px;display:grid}.ask-icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:16px;place-items:center;display:grid}.ask-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px}.ask p{color:var(--ink-soft)}.pill{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.pill.ok{color:var(--good)}.pill.warn{color:var(--danger)}.note{color:var(--ink-soft);font-size:14px}