:root{--font-display:"Instrument Serif","Times New Roman",serif;--font-ui:"IBM Plex Sans","Segoe UI",sans-serif;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0.05,0.36,1);--duration:0.48s;--split:50%;--px:0;--py:0}html[data-theme=dark]{--ink:#101214;--ink-2:#171a1c;--paper:#f3f1ec;--paper-dim:#b8b3a8;--brass:#c4b8a4;--brass-deep:#8d8578;--signal:#3d9a90;--signal-bright:#5bb5ab;--danger:#d07060;--line:rgba(243,241,236,0.12);--line-strong:rgba(91,181,171,0.45);--veil:rgba(16,18,20,0.72);--plate:#16191b;--text:#f3f1ec;--text-mute:#b8b3a8;--field:transparent;--shadow:0 18px 48px rgba(0,0,0,0.42);--export-ink:#10211f;color-scheme:dark}html[data-theme=light]{--ink:#f3f0ea;--ink-2:#ebe6dc;--paper:#1a1c1b;--paper-dim:#5a564e;--brass:#6a645a;--brass-deep:#4a463e;--signal:#2a7a74;--signal-bright:#1f6b66;--danger:#b24a3c;--line:rgba(26,28,27,0.12);--line-strong:rgba(42,122,116,0.4);--veil:rgba(243,240,234,0.7);--plate:#f7f4ee;--text:#1a1c1b;--text-mute:#5a564e;--field:transparent;--shadow:0 16px 36px rgba(26,28,27,0.1);--export-ink:#f3f1ec;color-scheme:light}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100%;max-width:100%;overflow-x:clip}html{text-size-adjust:100%}body,html{background:var(--ink)}body{font-family:var(--font-ui);font-size:15px;line-height:1.45;color:var(--text);min-height:100vh;min-height:100svh;min-height:100dvh;overflow-x:clip}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a,button,input,select,summary{touch-action:manipulation}canvas,img{display:block;max-width:100%}a{color:var(--signal-bright)}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes enter-x{0%{opacity:0;transform:translateX(-1.2rem)}to{opacity:1;transform:none}}@keyframes enter-x-right{0%{opacity:0;transform:translateX(1.1rem)}to{opacity:1;transform:none}}@keyframes enter-fade{0%{opacity:0}to{opacity:1}}@keyframes enter-scale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.btn-export,.chip,.empty-copy,.empty-steps,.enlarger,.kernel-item,.kernel-plot,.lede,.theme-toggle,.wordmark{animation:none;transition:none}}@media (display-mode:standalone),(display-mode:window-controls-overlay){body,html{overscroll-behavior:none}}@media (max-width:960px){.app,body,html{overscroll-behavior-x:none;overscroll-behavior-y:contain;touch-action:pan-y}a,button{-webkit-tap-highlight-color:color-mix(in srgb,var(--signal) 22%,transparent)}.empty-copy{animation:enter-fade .45s var(--ease-out) both}.bench,.enlarger,.mast,.rail,.site-notes{touch-action:pan-y}}.app{display:flex;flex-direction:column;width:100%;max-width:100%;min-height:100vh;min-height:100svh;min-height:100dvh;overflow-x:clip;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.app,.mast{min-width:0}.mast{position:relative;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"wordmark mid actions";gap:.75rem 1.5rem;align-items:center;padding:calc(.7rem + env(safe-area-inset-top, 0px)) clamp(.9rem,2.4vw,1.6rem) .7rem;border-bottom:1px solid var(--line)}.wordmark{grid-area:wordmark;font-family:var(--font-display);font-size:clamp(1.85rem,3.2vw,2.25rem);font-weight:400;line-height:.9;letter-spacing:-.03em;color:var(--paper);text-decoration:none;animation:enter-x .5s var(--ease-out) both}.lede{margin:0;max-width:28rem;font-size:.88rem;font-weight:400;color:var(--text-mute);text-align:left;animation:enter-fade .5s .1s var(--ease-out) both}.mast-mid{grid-area:mid;display:flex;flex-direction:column;gap:.35rem;min-width:0}.mast-nav{display:flex;flex-wrap:wrap;gap:.15rem .15rem}.mast-nav a{display:inline-flex;align-items:center;min-height:2.4rem;padding:0 .55rem;color:var(--text-mute);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:600}.mast-nav a:focus-visible,.mast-nav a:hover{color:var(--signal-bright)}.lede em{font-family:var(--font-display);font-style:italic;color:var(--signal-bright)}.mast-actions{grid-area:actions;display:flex;align-items:center;gap:.55rem;justify-self:end;min-width:0}.lang-switch{display:flex;border:1px solid var(--line-strong);border-radius:2px 10px 2px 2px;overflow:hidden}.lang-btn{min-width:2.75rem;min-height:2.4rem;padding:0 .55rem;border:0;background:var(--ink-2);color:var(--text-mute);letter-spacing:.08em;font-size:.72rem;font-weight:600}.lang-btn[aria-pressed=true]{background:color-mix(in srgb,var(--signal) 22%,var(--ink-2));color:var(--text);box-shadow:inset 0 -2px 0 var(--signal)}.theme-toggle{width:2.75rem;height:2.75rem;border:1px solid var(--line-strong);background:var(--ink-2);color:var(--text);border-radius:2px 1.1rem 2px 2px;display:grid;place-items:center;transition:transform var(--duration) var(--ease-out),background var(--duration) var(--ease-out)}.theme-toggle:hover{transform:translateX(3px);background:color-mix(in srgb,var(--signal) 18%,var(--ink-2))}.theme-toggle svg{width:1.2rem;height:1.2rem}.bench{display:grid;grid-template-columns:minmax(0,17.5rem) minmax(0,1fr) minmax(0,20rem);grid-template-areas:"rail stage inspector";flex:0 0 auto;width:100%;min-width:0;min-height:calc(100dvh - 8.5rem);height:calc(100dvh - 8.5rem);overflow:hidden}.rail{grid-area:rail;display:flex;flex-direction:column;overflow:auto;padding:1rem 1rem 1.2rem 1.15rem;border-right:1px solid var(--line);background:color-mix(in srgb,var(--ink-2) 55%,transparent)}.rail,.stage{position:relative;min-height:0}.stage{grid-area:stage;min-width:0}.preview-frame{position:relative;height:100%;min-height:18rem;margin:.7rem;background:var(--plate);box-shadow:var(--shadow);overflow:hidden}.preview-frame.is-drag{outline:2px solid var(--signal);outline-offset:-2px}.rail-kicker{margin:0 0 .35rem;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--signal-bright);text-align:left}.rail-lead{margin:0 0 .65rem;font-size:.8rem;line-height:1.35;color:var(--text-mute);text-align:left;max-width:18rem}.kernel-plot{display:block;width:100%;height:5.8rem;margin:0 0 .7rem;overflow:visible;background:color-mix(in srgb,var(--plate) 70%,transparent);animation:enter-x .52s .08s var(--ease-out) both}.kernel-plot path,.kernel-plot polyline{fill:none;stroke:var(--signal-bright);stroke-width:1.7;vector-effect:non-scaling-stroke}.kernel-plot .axis{stroke:var(--line-strong);stroke-width:1}.kernel-plot .lobe{fill:color-mix(in srgb,var(--signal) 18%,transparent);stroke:none}.hint{margin-top:auto;padding-top:.9rem;font-size:.84rem;color:var(--text-mute);text-align:left;overflow-wrap:anywhere}.enlarger{grid-area:inspector;position:relative;z-index:3;display:flex;flex-direction:column;gap:1rem;min-height:0;overflow:auto;padding:1rem 1.1rem calc(1rem + env(safe-area-inset-bottom));border-left:1px solid var(--line);background:color-mix(in srgb,var(--ink-2) 88%,transparent)}.status-line{margin:0;font-size:.78rem;color:var(--text-mute);overflow-wrap:anywhere}.status-line[data-kind=error]{color:var(--danger)}.status-line[data-kind=warn]{color:var(--brass)}.app-progress{position:absolute;left:0;right:0;top:0;height:3px;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--signal),var(--signal-bright));opacity:0;pointer-events:none}.app-progress.is-on{opacity:1}.export-dock{display:flex;flex-direction:column;gap:.55rem;margin-top:auto}@media (max-width:960px){.mast{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"wordmark actions" "mid mid";gap:.5rem .75rem;padding:calc(.45rem + env(safe-area-inset-top, 0px)) .85rem .5rem}.lede{display:none}.mast-nav a{min-height:2.75rem;padding:0 .45rem}.wordmark{font-size:1.65rem;min-width:0}.bench{display:flex;flex-direction:column;height:auto;min-height:0;overflow-x:clip;overflow-y:visible;overscroll-behavior-x:none}.bench,.enlarger,.preview-frame,.rail,.stage{width:100%;max-width:100%;min-width:0}.stage{order:-1;flex:0 0 auto;height:min(64dvh,36rem);min-height:18rem}.app.has-source .stage{height:min(70dvh,42rem);min-height:22rem}.enlarger,.rail{overscroll-behavior:contain}.preview-frame{height:100%;min-height:0;margin:.5rem .7rem 0}.rail{flex:0 0 auto;border-right:0;border-top:1px solid var(--line);overflow:hidden;padding:.75rem .7rem 1rem}.kernel-plot{width:100%;max-width:100%;height:4.2rem}.enlarger{flex:1 0 auto;border-left:0;overflow:visible;padding:1rem .7rem 0}.enlarger,.export-dock{border-top:1px solid var(--line)}.export-dock{position:sticky;bottom:0;z-index:8;margin:0 -.7rem;padding:.75rem .7rem calc(.75rem + env(safe-area-inset-bottom, 0px));background:color-mix(in srgb,var(--ink) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media (max-width:640px){.mast-actions{gap:.3rem}.lang-btn{min-width:2.4rem;padding:0 .4rem}}@media (display-mode:standalone) and (max-width:960px){.app.has-source .stage{height:min(78svh,calc(100svh - 8.75rem));min-height:24rem}.preview-frame{margin:.35rem .55rem 0}.export-dock{padding-bottom:calc(.85rem + env(safe-area-inset-bottom, 0px))}}.kernel-list{display:flex;flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none}.kernel-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.55rem;row-gap:.08rem;align-items:start;width:100%;min-height:2.75rem;padding:.45rem .5rem .45rem .35rem;border:0;border-left:3px solid transparent;background:transparent;text-align:left;color:var(--text-mute);transition:color var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),background var(--duration) var(--ease-out);animation:enter-x .48s var(--ease-out) both}.kernel-item .idx{grid-row:1/3;padding-top:.28rem;font-size:.68rem;letter-spacing:.12em;color:var(--text-mute)}.kernel-item .title{font-weight:500;align-self:end}.kernel-item .use{font-size:.72rem;font-weight:400;line-height:1.25;color:color-mix(in srgb,var(--text-mute) 88%,var(--signal))}.kernel-item:focus-visible,.kernel-item:hover{color:var(--text);background:color-mix(in srgb,var(--signal) 8%,transparent)}.kernel-item[aria-pressed=true]{color:var(--text);border-left-color:var(--signal);background:color-mix(in srgb,var(--signal) 14%,transparent)}.kernel-item[aria-pressed=true] .title{font-family:var(--font-display);font-size:1.2rem;line-height:1}.kernel-item[aria-pressed=true] .use{color:var(--text)}.window-a{display:grid;gap:.2rem;margin:.85rem 0 .4rem}.window-a[hidden]{display:none}.window-a label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}.quality,.range{appearance:none;width:100%;height:4px;background:var(--line-strong);border-radius:99px}.quality::-webkit-slider-thumb,.range::-webkit-slider-thumb{appearance:none;width:1.1rem;height:1.1rem;background:var(--signal);border:0;border-radius:1px 8px 1px 1px;cursor:pointer}.quality::-moz-range-thumb,.range::-moz-range-thumb{width:1.1rem;height:1.1rem;background:var(--signal);border:0;border-radius:1px 8px 1px 1px}.field-row{display:flex;flex-wrap:wrap;gap:.85rem 1.1rem;align-items:end}.field{display:flex;flex-direction:column;gap:.15rem;min-width:6.5rem}.field[hidden]{display:none}.adv-label,.check label,.field label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);transition:color .4s var(--ease-out)}.field:focus-within label{color:var(--signal-bright)}.field input[type=number],.field select{width:7.4rem;min-height:2.6rem;padding:.35rem 0 .4rem;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;background:var(--field);font-size:1rem;transition:border-color .4s var(--ease-out)}.field input[type=number]:focus,.field select:focus{outline:none;border-bottom-color:var(--signal)}.field select:disabled{opacity:.55;cursor:not-allowed}.profiles{display:flex;flex-wrap:wrap;gap:.35rem}.chip{min-height:2.4rem;padding:.35rem .75rem;border:1px solid var(--line-strong);background:transparent;color:var(--text-mute);border-radius:1px 12px 1px 8px;font-size:.8rem;letter-spacing:.04em;transition:color var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.chip:hover{color:var(--text);transform:translateY(-2px)}.chip[aria-pressed=true]{border-color:var(--signal);color:var(--text);box-shadow:inset 0 -2px 0 var(--signal)}.chip-icon{width:2.4rem;min-width:2.4rem;padding:0;display:grid;place-items:center;border-radius:1.15rem .2rem 1.15rem .2rem}.chip-icon svg{width:1.18rem;height:1.18rem}.chip-icon:disabled{opacity:.38;transform:none;cursor:not-allowed}.chip-loupe[aria-pressed=true]{color:var(--signal-bright);background:color-mix(in srgb,var(--signal) 16%,var(--ink))}.check{display:flex;align-items:center;gap:.45rem;min-height:2.4rem;padding-bottom:.15rem}.check input{accent-color:var(--signal);width:1.05rem;height:1.05rem}.advanced{display:grid;gap:.65rem}.advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem}.btn-export{position:relative;overflow:hidden;min-height:2.85rem;padding:.85rem 1.4rem .9rem 1.15rem;border:0;background:var(--signal);color:var(--export-ink);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;border-radius:2px 2.2rem 2px 1.1rem;transition:transform var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.btn-export:after{content:"↓";position:absolute;right:1rem;top:50%;transform:translate(6px,-50%);opacity:0;transition:transform var(--duration) var(--ease-out),opacity var(--duration) var(--ease-out)}.btn-export:hover:not(:disabled){transform:translateX(4px);box-shadow:8px 12px 0 color-mix(in srgb,var(--signal) 28%,transparent)}.btn-export:hover:not(:disabled):after{opacity:1;transform:translateY(-50%)}.btn-export:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{align-self:start;min-height:2.4rem;padding:.35rem 0;border:0;border-bottom:1px solid var(--line-strong);background:transparent;color:var(--text);border-radius:0;font-size:.88rem}.btn-ghost:hover{color:var(--signal-bright)}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;align-items:stretch}.export-actions.is-single{grid-template-columns:1fr}.btn-export-all{min-height:2.85rem;padding:.75rem .9rem;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--paper) 6%,transparent);color:var(--text);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;border-radius:1.35rem 2px 1rem 2px;transition:border-color var(--duration) var(--ease-out),color var(--duration) var(--ease-out)}.btn-export-all:hover:not(:disabled){border-color:var(--signal);color:var(--signal-bright)}.btn-export-all:disabled{opacity:.45;cursor:not-allowed}.queue{display:flex;flex-direction:column;gap:.12rem;max-height:7.8rem;overflow:auto;margin:0 0 .15rem;padding:.15rem 0 .25rem;list-style:none}.queue li{min-width:0}.queue-row{display:flex;align-items:stretch;gap:.15rem}.queue-item{flex:1 1;min-width:0;min-height:2.15rem;padding:.28rem .55rem .28rem .65rem;border:0;border-left:3px solid transparent;background:transparent;color:var(--text-mute);text-align:left;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item.is-current{border-left-color:var(--signal);color:var(--text);background:color-mix(in srgb,var(--paper) 7%,transparent)}.queue-item:hover:not(:disabled){color:var(--text)}.queue-remove{flex:0 0 2.4rem;min-height:2.15rem;border:0;background:transparent;color:var(--text-mute);font-size:1.1rem;line-height:1}.queue-remove:hover:not(:disabled){color:var(--signal-bright)}.print-dock,.size-dock{display:grid;gap:.35rem;margin:.15rem 0 .35rem}.dock-hint{margin:0 0 .2rem;font-size:.75rem;line-height:1.35;color:var(--text-mute);text-align:left;max-width:18rem}.history-row{display:flex;flex-wrap:wrap;gap:.35rem}.history-row .btn-ghost{flex:1 1 5.5rem}.meter{display:grid;gap:.28rem;margin:.2rem 0 .45rem}.meter-hist,.meter-scan{display:flex;align-items:flex-end;gap:1px;height:2.1rem;padding:.15rem .2rem 0;background:color-mix(in srgb,var(--ink) 8%,transparent)}.meter-scan{height:1.45rem}.meter-hist span,.meter-scan span{flex:1 1;min-width:0;background:color-mix(in srgb,var(--brass) 70%,var(--ink))}.meter-scan span{background:color-mix(in srgb,var(--signal) 75%,var(--ink))}.meter-clip{margin:0;font-size:.7rem;color:var(--signal-bright)}.passport-hint{margin:.15rem 0 0;font-size:.72rem;color:var(--text-mute);text-align:left}.view-modes{display:flex;gap:.35rem;position:absolute;z-index:6;top:1rem;right:1.1rem}.view-modes .chip{background:color-mix(in srgb,var(--ink) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (pointer:coarse){.btn-export,.btn-export-all,.btn-ghost,.chip,.chip-icon,.kernel-item,.lang-btn,.queue-item,.queue-remove,.sample,.theme-toggle{min-height:44px}.chip-icon{width:44px;min-width:44px}.btn-export:hover:not(:disabled),.chip:hover,.theme-toggle:hover{transform:none}}@media (max-width:960px){.kernel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;width:100%;max-width:100%;overflow:visible;padding-bottom:0}.kernel-item{display:flex;width:100%;min-width:0;padding:.45rem .55rem;border-left:0;border-bottom:3px solid transparent;animation:none}.kernel-item .use{display:none}.kernel-item .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kernel-item[aria-pressed=true]{border-bottom-color:var(--signal)}.kernel-item[aria-pressed=true] .title{font-size:1.05rem}.advanced-grid{grid-template-columns:1fr}.field{min-width:0;flex:1 1 6rem}.field input[type=number],.field select{width:100%;max-width:100%}.view-modes{left:.45rem;right:.45rem;top:.45rem;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - .9rem)}.view-modes .chip{font-size:.72rem;padding:.28rem .5rem}}.stage-empty,.stage-work{position:absolute;inset:0}.stage-empty{display:grid;grid-template-columns:minmax(0,.92fr) minmax(14rem,1.18fr);align-items:end;gap:clamp(1rem,3vw,2.4rem);padding:clamp(1.1rem,3.2vw,2.4rem);overflow:auto;cursor:pointer;touch-action:pan-y;-webkit-overflow-scrolling:touch}.empty-kicker{margin:0 0 .45rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--signal-bright);text-align:left}.empty-copy{animation:enter-x .64s .14s var(--ease-out) both}.empty-copy h2{margin:0 0 .6rem;font-family:var(--font-display);font-size:clamp(2.2rem,8vw,4.8rem);font-weight:400;line-height:.92;letter-spacing:-.03em;max-width:12ch;text-align:left;overflow-wrap:anywhere}.stage-empty[hidden],.stage-work[hidden]{display:none}.empty-copy p:not(.empty-kicker){margin:0 0 .85rem;max-width:22rem;color:var(--text-mute);text-align:left}.empty-steps{margin:0 0 1.15rem;padding:0;list-style:none;display:grid;gap:.42rem;max-width:22rem;animation:enter-x .56s .2s var(--ease-out) both}.empty-steps li{display:grid;grid-template-columns:2rem 1fr;gap:.5rem;align-items:baseline;color:var(--text);font-size:.92rem;line-height:1.3}.empty-steps li:nth-child(2){margin-left:1.15rem}.empty-steps li:nth-child(3){margin-left:.4rem}.empty-step-idx{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.04em;color:var(--signal-bright)}.empty-open{animation:enter-scale .5s .22s var(--ease-out) both}.sample-mosaic{position:relative;display:grid;grid-template-columns:1.45fr .9fr;grid-template-rows:auto auto auto;gap:.45rem .7rem;width:100%;max-width:28rem;justify-self:end;cursor:default;animation:enter-scale .62s .18s var(--ease-out) both}.sample-kicker{grid-column:1/-1;margin:0;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);text-align:right}.sample{display:grid;gap:.28rem;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.sample img{display:block;width:100%;height:100%;object-fit:cover;background:color-mix(in srgb,var(--paper) 18%,transparent)}.sample span{font-size:.72rem;letter-spacing:.04em;color:var(--text-mute)}.sample:focus-visible span,.sample:hover span{color:var(--signal-bright)}.sample-photo{grid-column:1;grid-row:2/4;align-self:stretch}.sample-photo img{height:clamp(9.5rem,28vh,15rem);border-radius:0 1.6rem 0 .4rem;box-shadow:10px 14px 0 color-mix(in srgb,var(--ink) 22%,transparent)}.sample-type{grid-column:2;grid-row:2;margin-right:-.85rem}.sample-type img{height:5.4rem;border-radius:.2rem 0 1.1rem 0;object-position:left center}.sample-pixel{grid-column:2;grid-row:3;justify-self:end;width:58%;margin-bottom:-.55rem}.sample-pixel img{height:4.2rem;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:0;box-shadow:-6px 8px 0 color-mix(in srgb,var(--signal) 22%,transparent)}.sample:focus-visible img,.sample:hover img{transform:translateY(-3px);transition:transform .42s var(--ease-out)}@media (pointer:coarse){.sample:hover img{transform:none}}.preview-frame.is-drag .empty-copy h2{transform:scale(1.03);color:var(--signal-bright);transition:transform var(--duration) var(--ease-out),color var(--duration) var(--ease-out)}.viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;overscroll-behavior:none}.viewport,.viewport canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.world{position:absolute;left:50%;top:50%;transform-origin:center center;will-change:transform}.stack{position:relative}.stack canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:auto}.stack canvas.is-nearest,.stack.is-nearest canvas{image-rendering:pixelated;image-rendering:crisp-edges}.splitter{position:absolute;top:0;bottom:0;left:var(--split);width:44px;transform:translateX(-50%);cursor:ew-resize;z-index:5;touch-action:none}.splitter[hidden]{display:none}.splitter:before{top:0;bottom:0;width:3px;transform:translateX(-50%) rotate(.4deg);background:var(--signal);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 35%,transparent)}.splitter:after,.splitter:before{content:"";position:absolute;left:50%}.splitter:after{top:50%;width:18px;height:34px;transform:translate(-50%,-50%);border:1px solid var(--signal);background:color-mix(in srgb,var(--ink) 70%,transparent);border-radius:1px 8px 1px 8px}@media (pointer:fine){.splitter{width:28px}}.side-pair{position:absolute;inset:0;grid-template-columns:1fr 1fr;gap:2px;background:var(--brass-deep)}.side-pair,.stage-work[data-mode=side] .stack{display:none}.stage-work[data-mode=side] .side-pair{display:grid}.stage-work[data-mode=side] .viewport{overflow:auto;touch-action:pan-x pan-y}.side-pair figure{margin:0;background:var(--plate);display:grid;grid-template-rows:auto 1fr;min-width:0}.side-pair figcaption{padding:.4rem .7rem;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}.side-pair canvas{width:100%;height:100%;object-fit:contain}.compare-grid{display:none;position:absolute;inset:0;padding:2.4rem 1rem 1rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem .7rem;overflow:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.stage-work[data-mode=grid] .viewport{display:none}.stage-work[data-mode=grid] .compare-grid{display:grid}.compare-cell{margin:0;background:var(--ink-2);padding:.35rem}.compare-cell:first-child{padding:.55rem .35rem .35rem;grid-column:span 1;outline:1px solid color-mix(in srgb,var(--signal) 45%,transparent)}.compare-cell:nth-child(2){transform:translateY(.6rem);background:var(--plate)}.compare-cell:nth-child(3){margin-top:.8rem}.compare-cell:nth-child(4){box-shadow:6px 8px 0 color-mix(in srgb,var(--brass) 18%,transparent)}.compare-cell:nth-child(5){transform:translateY(-.4rem)}.compare-cell:nth-child(6){padding:.2rem .55rem .55rem}.compare-cell canvas{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:var(--ink)}.compare-cell figcaption{margin-top:.3rem;font-size:.72rem;color:var(--text-mute)}.versus-tags{position:absolute;z-index:6;left:1rem;top:3.35rem;display:flex;gap:.35rem;pointer-events:none}.versus-tags[hidden]{display:none}.versus-tag{pointer-events:auto;min-height:2rem;padding:.2rem .55rem;border:1px solid color-mix(in srgb,var(--brass) 55%,transparent);background:color-mix(in srgb,var(--ink) 72%,transparent);color:var(--paper);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;border-radius:1px 10px 1px 1px}.versus-tag.is-b{border-radius:10px 1px 1px 10px;color:var(--signal-bright)}.viewport.is-loupe{cursor:none}.viewport.is-loupe .splitter{cursor:ew-resize}.loupe-spot{position:absolute;z-index:8;width:22px;height:22px;margin:-11px 0 0 -11px;border:1.5px solid var(--signal);border-radius:50% 50% 50% 3px;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 55%,transparent);pointer-events:none}.loupe-spot[hidden]{display:none}.loupe{position:absolute;z-index:7;right:1rem;bottom:1rem;width:min(42vw,220px);border:1px solid var(--brass);background:var(--ink);box-shadow:var(--shadow);border-radius:2px 18px 2px 2px;overflow:hidden;pointer-events:none}.loupe.is-follow{width:min(38vw,168px)}.loupe[hidden]{display:none}.loupe canvas{width:100%;height:auto}.loupe span{display:block;padding:.25rem .55rem .4rem;font-size:.65rem;letter-spacing:.14em;color:var(--brass)}.badge,.loupe span{text-transform:uppercase}.badge{position:absolute;z-index:6;left:1rem;bottom:1rem;padding:.25rem .6rem;font-size:.68rem;letter-spacing:.12em;color:var(--ink);background:var(--signal);border-radius:1px 10px 1px 1px}.badge[hidden]{display:none}.zoom-readout{top:1rem;font-size:.75rem;letter-spacing:.08em}.work-hint,.zoom-readout{position:absolute;z-index:6;left:1rem;color:var(--paper-dim)}.work-hint{bottom:3.15rem;margin:0;max-width:15.5rem;font-size:.72rem;line-height:1.35;letter-spacing:.02em;text-align:left;pointer-events:none}@media (max-width:960px){.stage-empty{grid-template-columns:1fr;align-content:start;justify-items:stretch;gap:1.1rem;padding:1.1rem 1rem 1.2rem}.empty-copy,.empty-copy p:not(.empty-kicker),.empty-steps{max-width:100%}.empty-steps li:nth-child(2),.empty-steps li:nth-child(3){margin-left:0}.work-hint{max-width:calc(100% - 2rem);bottom:.7rem}.sample-mosaic{justify-self:stretch;max-width:none;margin-top:.2rem}.sample-kicker{text-align:left}.sample-type{margin-right:0}.sample-pixel{margin-bottom:0}.splitter{top:var(--split);height:48px;transform:translateY(-50%);cursor:ns-resize;touch-action:none}.splitter,.splitter:before{bottom:auto;left:0;right:0;width:auto}.splitter:before{top:50%;height:3px;transform:translateY(-50%) rotate(-.6deg)}.splitter:after{width:42px;height:22px}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:3.4rem .6rem .8rem}.compare-cell:nth-child(2),.compare-cell:nth-child(5){transform:none}.zoom-readout{top:auto;bottom:.65rem;left:.65rem}.versus-tags{top:auto;bottom:2.6rem;left:.6rem}}.site-notes{position:relative;z-index:2;border-top:1px solid var(--line);background:var(--ink)}.site-kicker{margin:0;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--signal-bright)}.site-title{margin:.35rem 0 0;font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:400;line-height:.92;letter-spacing:-.03em;color:var(--paper)}.site-title-display{font-style:italic}.site-contacts,.site-faq,.site-support{scroll-margin-top:1.25rem}.site-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(9rem,16rem);column-gap:1.5rem;row-gap:.4rem;padding:clamp(2.4rem,6vw,4.5rem) clamp(1rem,4vw,2.4rem) 1.5rem}.site-faq .site-kicker{grid-column:2;grid-row:1;text-align:right;align-self:end;animation:enter-x-right .55s var(--ease-out) both}.site-faq .site-title{grid-column:1;grid-row:1;animation:enter-x .5s var(--ease-out) both}.faq-list{grid-column:1/-1;margin-top:1.6rem}.faq-item{margin:0 0 .15rem;border-bottom:1px solid var(--line);animation:enter-fade .55s var(--ease-out) both}.faq-item:nth-child(2n){margin-left:clamp(0rem,8vw,5.5rem)}.faq-item:nth-child(3n){animation-delay:.08s}.faq-item summary{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.85rem;align-items:baseline;min-height:2.75rem;padding:.85rem 2.4rem .85rem 0;list-style:none;cursor:pointer;color:var(--text)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";position:absolute;right:0;top:1.15rem;width:.55rem;height:.55rem;border-right:1.5px solid var(--signal-bright);border-bottom:1.5px solid var(--signal-bright);transform:rotate(45deg);transition:transform .42s var(--ease-out)}.faq-item{position:relative}.faq-item[open] summary:after{transform:rotate(-135deg);top:1.35rem}.faq-idx{font-size:.72rem;letter-spacing:.14em;color:var(--signal-bright);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.faq-q{font-size:1.05rem;font-weight:500}.faq-a{margin:0 0 1.15rem 3.45rem;max-width:38rem;color:var(--text-mute);text-align:left}.site-contacts{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(1.5rem,5vw,4rem);align-items:end;padding:2.2rem clamp(1rem,4vw,2.4rem) 2.8rem;border-top:1px dashed var(--line)}.contacts-copy{max-width:26rem;padding-bottom:.4rem;animation:enter-x .5s var(--ease-out) both}.contacts-lead{margin:1.1rem 0 0;font-size:1.05rem;color:var(--text-mute);text-align:left}.contact-list{margin:0;padding:0 0 0 1.4rem;list-style:none;border-left:3px solid var(--signal);animation:enter-x-right .55s .06s var(--ease-out) both}.contact-link{display:grid;grid-template-columns:7.2rem minmax(0,1fr);gap:.75rem;align-items:baseline;min-height:2.75rem;padding:.55rem .2rem;color:var(--text);text-decoration:none;transition:color .42s var(--ease-out),transform .42s var(--ease-out)}.contact-link:focus-visible,.contact-link:hover{color:var(--signal-bright);transform:translateX(.35rem)}.contact-name{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute)}.contact-link:focus-visible .contact-name,.contact-link:hover .contact-name{color:var(--signal-bright)}.contact-hint{font-family:var(--font-display);font-size:1.45rem;line-height:1;overflow-wrap:anywhere}.site-support{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.4rem 2rem;margin:0 0 0 clamp(1.2rem,6vw,4.5rem);padding:2.4rem clamp(1rem,3vw,2rem) calc(2.2rem + env(safe-area-inset-bottom, 0px)) 1.6rem;background:color-mix(in srgb,var(--ink-2) 82%,var(--signal) 8%);clip-path:polygon(0 1.4rem,100% 0,100% 100%,0 100%)}.support-copy{padding-top:1.2rem;animation:enter-x .52s var(--ease-out) both}.support-lead{margin:.9rem 0 0;max-width:28rem;color:var(--text-mute);text-align:left}.support-ways{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;padding-top:1.6rem;animation:enter-scale .55s .1s var(--ease-out) both}.support-alerts,.support-donatex,.support-tbank{display:grid;place-items:center;min-height:2.75rem;padding:.7rem 1.1rem;text-decoration:none;font-weight:600;transition:transform .42s var(--ease-out),background .42s var(--ease-out),color .42s var(--ease-out)}.support-donatex{border:0;border-radius:2px 1.35rem 2px 2px;background:var(--signal);color:var(--export-ink)}.support-donatex:focus-visible,.support-donatex:hover{transform:translateX(-.4rem);background:var(--signal-bright)}.support-alerts{border:1px solid var(--line-strong);border-radius:1.1rem 2px 1.1rem 2px;background:transparent;color:var(--text)}.support-alerts:focus-visible,.support-alerts:hover{transform:translateX(.35rem);background:color-mix(in srgb,var(--signal) 14%,transparent)}.support-tbank{justify-self:end;width:fit-content;margin-left:auto;padding:.55rem 0;border:0;border-bottom:1px solid var(--brass);border-radius:0;color:var(--brass);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.support-tbank:focus-visible,.support-tbank:hover{color:var(--paper);border-bottom-color:var(--paper);transform:none}.support-note{grid-column:1/-1;margin:.4rem 0 0;font-size:.82rem;color:var(--text-mute);text-align:right}.site-legal{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem 1.5rem;align-items:baseline;margin:0;padding:1.1rem clamp(1rem,4vw,2.4rem) calc(1.2rem + env(safe-area-inset-bottom, 0px));border-top:1px solid var(--line);background:var(--ink)}.site-legal-mark{font-family:var(--font-display);font-size:1.35rem;line-height:1;letter-spacing:-.03em;color:var(--paper)}.site-legal p{margin:0;justify-self:end;font-size:.78rem;letter-spacing:.06em;color:var(--text-mute);text-align:right}@media (max-width:960px){.site-faq{grid-template-columns:minmax(0,1fr);padding:2rem .9rem 1.2rem}.site-faq .site-kicker,.site-faq .site-title{grid-column:1;text-align:left}.site-faq .site-kicker{grid-row:auto}.faq-a,.faq-item:nth-child(2n){margin-left:0}.faq-a{padding-left:2.6rem}.site-contacts{grid-template-columns:minmax(0,1fr);padding:1.8rem .9rem 2rem}.contact-list{padding-left:1rem}.contact-link{gap:.15rem}.contact-link,.site-support{grid-template-columns:minmax(0,1fr)}.site-support{margin:0;clip-path:none;padding:1.8rem .9rem calc(1.6rem + env(safe-area-inset-bottom, 0px))}.support-ways{padding-top:.4rem}.support-tbank{margin-left:0;width:100%;text-align:center}.support-note{text-align:left}.site-legal{grid-template-columns:minmax(0,1fr);padding:1rem .9rem calc(1.2rem + env(safe-area-inset-bottom, 0px))}.site-legal p{justify-self:start;text-align:left}}@media (prefers-reduced-motion:reduce){.contact-link,.contact-list,.contacts-copy,.faq-item,.site-faq .site-kicker,.site-faq .site-title,.support-alerts,.support-copy,.support-donatex,.support-tbank,.support-ways{animation:none;transition:none}}