:root{--font-display: "Departure Mono", "Space Mono", ui-monospace, monospace;--font-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Space Mono", ui-monospace, monospace;--bg: oklch(.165 .006 70);--bg-elev: oklch(.205 .006 70);--bg-sunk: oklch(.13 .006 70);--fg: oklch(.88 .006 80);--fg-dim: oklch(.62 .006 80);--fg-mute: oklch(.46 .006 80);--border: oklch(.32 .006 80);--border-strong: oklch(.46 .006 80);--hairline: oklch(.26 .006 80);--yellow: oklch(.93 .24 122);--yellow-deep: oklch(.83 .24 122);--violet: oklch(.74 .2 300);--violet-deep: oklch(.62 .22 300);--accent-ink: oklch(.18 .05 100);--accent-paper: oklch(.99 0 0);--scrim: oklch(0 0 0 / .55);--shadow-hard: 4px 4px 0 0 var(--border-strong);--shadow-hard-accent: 4px 4px 0 0 var(--violet);--scrollbar-thumb: var(--border-strong);--scrollbar-track: transparent;--grid-major: 64px;--grid-minor: 16px;font-family:var(--font-body);font-size:13px;color-scheme:dark}[data-theme=light]{--bg: oklch(.93 .003 90);--bg-elev: oklch(.96 .003 90);--bg-sunk: oklch(.89 .003 90);--fg: oklch(.21 .006 80);--fg-dim: oklch(.44 .006 80);--fg-mute: oklch(.58 .006 80);--border: oklch(.78 .006 80);--border-strong: oklch(.32 .006 80);--hairline: oklch(.84 .006 80);--yellow: oklch(.88 .24 122);--yellow-deep: oklch(.76 .24 122);--violet: oklch(.58 .22 300);--violet-deep: oklch(.46 .22 300);--shadow-hard: 4px 4px 0 0 var(--border-strong);--shadow-hard-accent: 4px 4px 0 0 var(--violet);--scrollbar-thumb: var(--border-strong);color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--fg);font:13px/1.45 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;border-radius:0}#app{display:grid;grid-template-rows:auto 1fr auto;height:100vh;height:100dvh}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{display:flex;align-items:stretch;gap:0;background:var(--bg-elev);border-bottom:1.5px solid var(--border);height:56px}.topbar>*{display:flex;align-items:center}.topbar>[hidden]{display:none}.brand{padding:0 18px;border-right:1.5px solid var(--border);gap:10px;position:relative}.brand-mark{width:28px;height:28px;background:var(--fg);color:var(--bg);display:grid;place-items:center;font:700 14px/1 var(--font-display);border:1.5px solid var(--fg);position:relative;letter-spacing:0}.brand-mark:after{content:"";position:absolute;inset:4px;background-image:radial-gradient(var(--bg) 1.1px,transparent 1.4px);background-size:4px 4px;background-position:0 0;opacity:.85}.brand-text{font:700 14px/1 var(--font-display);letter-spacing:.02em;text-transform:lowercase;white-space:nowrap;margin:0}.brand-text .slash{color:var(--violet);margin:0 6px;font-weight:400}.brand-text .sub{color:var(--fg-dim);font-weight:400;font-size:12px}.tb-section{padding:0 14px;gap:10px;border-right:1px solid var(--border)}.tb-section.right{margin-left:auto;border-right:0;border-left:1px solid var(--border)}.tb-section.spacer{flex:1;border-right:0}.tb-label{font:600 10px/1 var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-mute)}.top-bar{display:flex;align-items:center;gap:20px;padding:0 12px;background:var(--bg-elev);border-bottom:1.5px solid var(--border);height:52px;position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.top-bar::-webkit-scrollbar{display:none}.top-bar-group{display:flex;align-items:center;gap:8px;flex:0 0 auto}.reference-overlay-group{display:inline-flex;align-items:center;gap:8px}.reference-overlay-visibility-toggle{min-width:44px;justify-content:center;padding-inline:8px}.overlay-popup{position:fixed;top:auto;right:auto;left:auto}.reference-overlay-popup{width:220px;max-width:calc(100vw - 16px)}.reference-overlay-popup :where(.btn){width:100%;justify-content:center}.reference-overlay-ingestion{width:100%;min-height:96px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;padding:12px;border:1.5px solid var(--border-strong);border-radius:0;background:var(--bg-sunk);color:var(--fg);box-shadow:2px 2px 0 0 var(--border-strong);cursor:pointer;text-align:left;transition:background .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s cubic-bezier(.16,1,.3,1)}.reference-overlay-ingestion:hover,.reference-overlay-ingestion:focus-visible{background:var(--violet);color:var(--accent-ink);transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--border-strong)}.reference-overlay-ingestion:active,.reference-overlay-ingestion-active{background:var(--yellow);color:var(--accent-ink);transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.reference-overlay-ingestion[aria-disabled=true]{opacity:.45;cursor:default;pointer-events:none;transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.reference-overlay-ingestion-title{font:700 12px/1 var(--font-display);text-transform:uppercase;letter-spacing:.12em}.reference-overlay-ingestion-hint{font:600 11px/1.25 var(--font-mono)}.reference-overlay-ingestion-meta{color:var(--fg-dim);font:600 10px/1 var(--font-mono)}.reference-overlay-ingestion:hover .reference-overlay-ingestion-meta,.reference-overlay-ingestion:focus-visible .reference-overlay-ingestion-meta,.reference-overlay-ingestion:active .reference-overlay-ingestion-meta,.reference-overlay-ingestion-active .reference-overlay-ingestion-meta{color:var(--accent-ink)}.reference-overlay-remove{width:100%;min-width:0;justify-content:center;padding-inline:10px}.reference-overlay-opacity-label{font:600 10px/1 var(--font-display);color:var(--fg-dim);text-transform:uppercase}.reference-overlay-opacity-slider{width:100%}.app-toast{position:fixed;right:16px;bottom:56px;z-index:10000;max-width:min(360px,calc(100vw - 32px));padding:10px 12px;color:var(--fg);background:var(--bg-elev);border:1.5px solid var(--border-strong);box-shadow:2px 2px 0 0 var(--border-strong);font:600 12px/1.35 var(--font-mono)}.top-bar-separator{width:1px;height:24px;background:var(--border-strong);margin:0 4px;flex-shrink:0}.top-bar-brand{display:flex;align-items:center;padding:0 12px;gap:8px;cursor:default;flex-shrink:0}.top-bar-spacer{flex:1}.top-bar-settings-section{display:flex;align-items:stretch;position:relative;flex-shrink:0}.top-bar-btn{appearance:none;display:inline-flex;align-items:center;flex:0 0 auto;gap:6px;padding:8px 14px;height:31px;box-sizing:border-box;align-self:center;font:600 12px/1 var(--font-mono);letter-spacing:.02em;background:var(--bg, #fff);color:var(--fg);border:1.5px solid var(--border-strong, #000);border-radius:0;cursor:pointer;white-space:nowrap;box-shadow:2px 2px 0 0 var(--border-strong);text-decoration:none;transition:background .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.top-bar-btn:hover{background:var(--violet);color:var(--accent-ink);transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--border-strong)}.top-bar-btn:active{background:var(--yellow);color:var(--accent-ink);transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.top-bar-btn[data-pressed=true]{transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.top-bar-btn:focus-visible{outline:2px solid var(--violet);outline-offset:1px}.top-bar-btn[disabled],.top-bar-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none;transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.top-bar-btn[disabled]:hover,.top-bar-btn[aria-disabled=true]:hover{background:var(--bg, #fff);transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.top-bar-btn[aria-pressed=true]{background:var(--violet);color:var(--accent-ink);border-color:var(--border-strong);box-shadow:2px 2px 0 0 var(--border-strong)}.reference-overlay-trigger[aria-pressed=true]:hover,.reference-overlay-visibility-toggle[aria-pressed=true]:hover{background:var(--violet);color:var(--accent-ink);transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--border-strong)}.reference-overlay-trigger[aria-pressed=true]:active,.reference-overlay-visibility-toggle[aria-pressed=true]:active{background:var(--yellow);color:var(--accent-ink);transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.top-bar-btn-face{display:contents}.top-bar-btn-primary{position:relative;display:inline-grid;grid-template-columns:minmax(0,1fr);place-items:stretch;padding:0;gap:0;overflow:visible;isolation:isolate;background:transparent;color:var(--accent-ink);border:0;box-shadow:none}.top-bar-btn-primary:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--violet);transform:translate(2px,2px)}.top-bar-btn-primary .top-bar-btn-face{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;height:31px;box-sizing:border-box;padding:8px 14px;background:var(--yellow);color:var(--accent-ink);border:1.5px solid var(--accent-ink);transition:transform .12s cubic-bezier(.16,1,.3,1)}.top-bar-btn-primary:hover,.top-bar-btn-primary:active,.top-bar-btn-primary[data-pressed=true]{background:transparent;color:var(--accent-ink);box-shadow:none;transform:none}.top-bar-btn-primary:hover .top-bar-btn-face{background:var(--yellow);color:var(--accent-ink);transform:translate(1px,1px)}.top-bar-btn-primary:active .top-bar-btn-face,.top-bar-btn-primary[data-pressed=true] .top-bar-btn-face{transform:translate(2px,2px)}.settings-trigger{appearance:none;background:transparent;border:0;padding:8px 14px;cursor:pointer;color:var(--fg);font-size:16px;line-height:1;display:flex;align-items:center;transition:background .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.settings-trigger .top-bar-icon{transform-origin:50% 50%;transition:color .12s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1)}.settings-trigger:hover .top-bar-icon{color:var(--violet);transform:rotate(-90deg)}.settings-trigger:active{transform:translate(2px,2px)}.settings-trigger:active .top-bar-icon{color:var(--yellow)}.settings-trigger:focus-visible{outline:2px solid var(--yellow-deep);outline-offset:2px}.top-bar-view-toggle{min-width:104px;justify-content:center}.top-bar-btn.top-bar-view-toggle[aria-pressed=true]{background:var(--bg);color:var(--fg)}.top-bar-icon{width:16px;height:16px;flex-shrink:0}.top-bar-btn-icon{flex-shrink:0;font-size:14px;line-height:1}.top-bar-download-icon{position:relative;display:inline-block;inline-size:14px;block-size:14px;color:currentColor;border-bottom:2px solid currentColor;box-sizing:border-box;font-size:0;line-height:0}.top-bar-download-icon:before,.top-bar-download-icon:after{content:"";position:absolute;box-sizing:border-box;pointer-events:none}.top-bar-download-icon:before{inline-size:2px;block-size:9px;inset-block-start:1px;inset-inline-start:6px;background:currentColor}.top-bar-download-icon:after{inline-size:7px;block-size:7px;inset-block-start:4px;inset-inline-start:3.5px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}.top-bar-btn-label{font:600 11px/1 var(--font-mono);letter-spacing:.02em}@media(max-width:700px){.top-bar-btn-label{display:none}.top-bar-view-toggle{min-width:0}}.top-bar .zoom-num-cluster{display:inline-flex;align-items:center;flex:0 0 auto;gap:4px}.top-bar .zoom-num{font:500 11px/1 var(--font-mono);background:var(--bg);color:var(--fg);border:1.5px solid var(--border-strong);padding:6px 8px;height:31px;box-sizing:border-box;vertical-align:middle;width:64px;text-align:right;border-radius:0;appearance:textfield}.top-bar .zoom-num:disabled{background:var(--bg-sunk);color:var(--fg-mute);border-color:var(--border);cursor:not-allowed;transform:translate(2px,2px)}.top-bar .zoom-num:disabled+.pct-suffix{color:var(--fg-mute);transform:translate(2px,2px)}.top-bar .zoom-num::-webkit-outer-spin-button,.top-bar .zoom-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.top-bar .zoom-num:focus-visible{outline:2px solid var(--yellow-deep);outline-offset:1px}.top-bar .pct-suffix{font:500 11px/1 var(--font-mono);color:var(--fg);align-self:center;margin-left:2px}.settings-popup{position:absolute;top:calc(100% + 2px);right:0;left:auto;z-index:200;width:fit-content;max-width:240px;background:var(--bg-elev);border:1.5px solid var(--border-strong);box-shadow:var(--shadow-hard);padding:12px;display:flex;flex-direction:column;gap:8px}.settings-popup[hidden]{display:none!important}.settings-gear-popup,.export-popup{position:fixed;top:auto;right:auto;left:auto}.tone-preset-manage-popup{position:fixed;top:auto;right:auto;left:auto;width:220px;max-width:calc(100vw - 16px)}.tone-preset-manage-actions{display:flex;flex-direction:column}.tone-preset-manage-popup :where(.tone-preset-btn){width:100%;justify-content:center}.tone-preset-current-name{min-height:28px;border:1.5px solid var(--border-strong);background:var(--bg);color:var(--fg);font:500 11px/1.2 var(--font-mono);padding:7px 8px}.settings-popup-section{display:flex;flex-direction:column;gap:6px}.settings-popup-label{font:600 10px/1 var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-dim)}.gpu-diagnostic-indicator{border-top:1.5px solid var(--border-strong);padding-top:8px}.settings-popup-section[hidden],.gpu-diagnostic-indicator[hidden]{display:none!important}.gpu-diagnostic-indicator-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font:500 12px/1.35 var(--font-mono);color:var(--fg)}.gpu-diagnostics-output{box-sizing:border-box;width:100%;max-width:min(100%,216px);max-height:160px;overflow:auto;margin:0;padding:8px;background:var(--bg);border:1px solid var(--hairline);color:var(--fg);font:500 10px/1.35 var(--font-mono);white-space:pre-wrap;word-break:break-word}.gpu-diagnostics-output[hidden]{display:none!important}.gpu-diagnostics-popup{max-width:min(520px,calc(100vw - 16px))}.gpu-diagnostics-popup .gpu-diagnostics-output{width:min(480px,calc(100vw - 48px));max-width:100%}.segmented-control{display:inline-flex;width:fit-content;background:var(--border-strong);border:1.5px solid var(--border-strong)}.segmented-control-btn{appearance:none;background:var(--bg);color:var(--fg-dim);border:0;border-right:1.5px solid var(--border-strong);font:600 11px/1 var(--font-display);letter-spacing:.05em;text-transform:uppercase;padding:6px 12px;flex:0 0 auto;cursor:pointer;white-space:nowrap;clip-path:inset(0 0 0 0);transition:clip-path .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.segmented-control-btn:last-child{border-right:0}.segmented-control-btn:hover{transform:translate(1px,1px);clip-path:inset(0 1px 1px 0)}.segmented-control-btn:active{transform:translate(2px,2px);clip-path:inset(0 2px 2px 0)}.segmented-control-btn[aria-pressed=true]{background:var(--violet);color:var(--accent-ink);transform:translate(2px,2px);clip-path:inset(0 2px 2px 0)}.segmented-control-btn[aria-pressed=true]:active{transform:translate(2px,2px);clip-path:inset(0 2px 2px 0)}.segmented-control-btn:disabled{background:var(--bg-sunk);color:var(--fg-mute);opacity:.45;cursor:not-allowed;pointer-events:none;transform:translate(2px,2px);clip-path:inset(0 2px 2px 0)}.btn,.tone-preset-btn,.region-list-toolbar-btn{letter-spacing:.02em;background:var(--bg);color:var(--fg);border:1.5px solid var(--border-strong);border-radius:0;cursor:pointer;box-shadow:2px 2px 0 0 var(--border-strong);transition:background .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.btn{appearance:none;font:600 12px/1 var(--font-mono);padding:8px 12px;display:inline-flex;align-items:center;gap:8px}.btn:hover{background:var(--violet);color:var(--accent-ink);transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--border-strong)}.btn:active{background:var(--yellow);color:var(--accent-ink);transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.btn[aria-pressed=true]{background:var(--violet);color:var(--accent-ink)}.btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none;transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.btn[disabled]:hover,.btn[disabled]:active{background:var(--bg);transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.btn.btn-primary{background:var(--yellow);color:var(--accent-ink);border-color:var(--accent-ink);box-shadow:2px 2px 0 0 var(--accent-ink)}.btn.btn-primary:hover{background:var(--violet);transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--accent-ink)}.btn.btn-primary:active{background:var(--yellow);transform:translate(2px,2px);box-shadow:0 0 0 0 var(--accent-ink)}.btn.btn-primary[disabled],.btn.btn-primary[disabled]:hover,.btn.btn-primary[disabled]:active{box-shadow:0 0 0 0 var(--accent-ink)}.btn.btn-violet{background:var(--violet);color:var(--accent-ink);border-color:var(--border-strong);box-shadow:2px 2px 0 0 var(--border-strong)}.btn.btn-violet:hover{background:var(--violet);transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--border-strong)}.btn.btn-violet:active{background:var(--yellow);transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.btn.btn-violet[disabled],.btn.btn-violet[disabled]:hover,.btn.btn-violet[disabled]:active{box-shadow:0 0 0 0 var(--border-strong)}.btn.btn-ghost{background:transparent;box-shadow:2px 2px 0 0 var(--border-strong)}.btn.btn-ghost:hover{background:var(--violet);color:var(--accent-ink);transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--border-strong)}.btn.btn-ghost:active{background:var(--yellow);color:var(--accent-ink);transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.theme-toggle{display:inline-flex;border:1.5px solid var(--border-strong)}.theme-toggle button{appearance:none;background:var(--bg);color:var(--fg-dim);border:0;font:600 11px/1 var(--font-display);letter-spacing:.05em;text-transform:uppercase;padding:7px 10px;cursor:pointer;transition:transform .12s cubic-bezier(.16,1,.3,1)}.theme-toggle button:hover{transform:translate(1px,1px)}.theme-toggle button:active{transform:translate(2px,2px)}.theme-toggle button+button{border-left:1.5px solid var(--border-strong)}.theme-toggle button[aria-pressed=true]{background:var(--violet);color:var(--accent-ink)}.theme-toggle button[aria-pressed=true]:active{transform:translate(2px,2px)}.layout{display:grid;grid-template-columns:304px 1fr;min-height:0;overflow:hidden}.sidebar{background:var(--bg-elev);border-right:1.5px solid var(--border);overflow:hidden;transition:filter .16s ease,opacity .16s ease}@media(max-width:880px){.layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{max-height:42dvh;border-right:0;border-bottom:1.5px solid var(--border)}}.layout[data-empty=true] .sidebar,.layout[data-empty=true] .zoom-bar{filter:grayscale(1);opacity:.55;pointer-events:none;user-select:none}.sidebar::-webkit-scrollbar,.sidebar-tab-panels::-webkit-scrollbar,.cselect-menu::-webkit-scrollbar,.relink-body::-webkit-scrollbar{-webkit-appearance:none;width:10px;border-radius:0}.sidebar::-webkit-scrollbar-thumb,.sidebar-tab-panels::-webkit-scrollbar-thumb,.cselect-menu::-webkit-scrollbar-thumb,.relink-body::-webkit-scrollbar-thumb{-webkit-appearance:none;background:var(--scrollbar-thumb);border:3px solid var(--bg-elev);border-radius:0;background-clip:padding-box}.sidebar::-webkit-scrollbar-track,.sidebar-tab-panels::-webkit-scrollbar-track,.cselect-menu::-webkit-scrollbar-track,.relink-body::-webkit-scrollbar-track{-webkit-appearance:none;background:var(--scrollbar-track);border-radius:0}.sidebar::-webkit-scrollbar-track-piece,.sidebar-tab-panels::-webkit-scrollbar-track-piece,.cselect-menu::-webkit-scrollbar-track-piece,.relink-body::-webkit-scrollbar-track-piece,.sidebar::-webkit-scrollbar-corner,.sidebar-tab-panels::-webkit-scrollbar-corner,.cselect-menu::-webkit-scrollbar-corner,.relink-body::-webkit-scrollbar-corner{-webkit-appearance:none;background:var(--scrollbar-track);border-radius:0}.cselect-menu::-webkit-scrollbar-thumb{border-color:var(--bg)}.section{border:0;border-bottom:1.5px solid var(--border);padding:16px;margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font:700 12px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--fg)}.section-head-label{display:inline-flex;align-items:center;gap:5px}.section-head .ix{font:700 11px/1 var(--font-display);color:var(--bg);background:var(--fg);padding:4px 6px}.section-head .ix.ix-yellow,[data-theme=light] .section-head .ix.ix-yellow{background:var(--yellow);color:var(--accent-ink)}.section-head .ix.ix-violet{background:var(--violet);color:var(--accent-paper)}.subsection-head{margin:14px 0 12px;padding-top:10px;border-top:1px solid var(--border);font:700 11px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--fg)}.tone-preset-row{padding:0;margin:0 0 16px;border-bottom:0;display:flex;flex-direction:column;gap:10px}.tone-preset-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tone-preset-btn{padding:8px 12px;font:600 11px/1 var(--font-mono);flex-shrink:0}.tone-preset-btn:hover{background:var(--violet);color:var(--accent-ink);transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--border-strong)}.tone-preset-btn:active{background:var(--yellow);color:var(--accent-ink);transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.tone-preset-btn:disabled{opacity:.4;cursor:default;pointer-events:none;transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.tone-preset-name-input{flex:1;min-width:80px;border:1.5px solid var(--border-strong);background:var(--bg);color:var(--fg);font:500 11px/1 var(--font-mono);padding:5px 8px;border-radius:0;outline:none}.tone-preset-name-input:focus-visible{outline:2px solid var(--yellow-deep);outline-offset:0}.tone-preset-name-input[hidden]{display:none}.tone-preset-import-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.tone-preset-status{font:500 10px/1 var(--font-mono);color:var(--violet);padding:2px 4px}.tone-preset-status[hidden]{display:none}.row{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;margin:0 0 12px}.row:last-child{margin-bottom:0}#remap-advanced-panel:not([hidden])+.remap-button-row{margin-top:8px}.row.row-checkboxes,.row.remap-button-row,.row.area-mask-ops-row{margin-bottom:16px}.row.region-list-min-pixels-row{margin-bottom:0}.row>.label-text,.row>.row-label{font:500 11px/1.2 var(--font-body);color:var(--fg);display:inline-flex;align-items:center;gap:6px;position:relative;width:max-content;max-width:100%}.row>.label-text label,.row>.row-label label{cursor:pointer}.row>.row-label--sr-only,.row>.row-label--icon-only label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.row-select-inline-help{grid-template-columns:1fr auto}.row-select-inline-help>.row-label--sr-only{grid-column:1 / -1}.row-select-inline-help>.cselect{grid-column:1}.row-select-inline-help>.info-btn{grid-column:2;align-self:center}.row .row-value-cluster{grid-column:1 / -1;display:flex;align-items:center;gap:8px}.row .row-value-cluster .slider-wrap{flex:1;position:relative}.row .row-value-cluster .row-value,.row .row-value-cluster input[type=number].row-value,.row .row-value-cluster .value-suffix,.row .row-value-cluster .stepper-buttons{flex:0 0 auto}.row .row-value{font:500 11px/1 var(--font-mono);color:var(--fg);padding:3px 7px;background:var(--bg);border:1px solid var(--hairline);font-variant-numeric:tabular-nums;min-width:38px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.row .stepper-buttons,.top-bar .stepper-buttons{display:grid;grid-template-rows:1fr 1fr;gap:1px;width:12px}.row .step-button,.top-bar .step-button{display:grid;place-items:center;width:12px;height:11px;padding:0;border:1.5px solid var(--border-strong);background:var(--bg);cursor:pointer;border-radius:0}.row .step-button:hover,.top-bar .step-button:hover{background:var(--bg-elev);outline:none;box-shadow:1px 1px 0 0 var(--border-strong)}.row .step-button:focus-visible,.top-bar .step-button:focus-visible{background:var(--bg-elev);outline:2px solid var(--violet);outline-offset:1px;box-shadow:1px 1px 0 0 var(--violet)}.row .step-button:active,.top-bar .step-button:active{transform:translate(1px,1px);box-shadow:none}.row .step-button:before,.top-bar .step-button:before{content:"";width:0;height:0;border-inline:3px solid transparent}.row .step-up:before,.top-bar .step-up:before{border-bottom:4px solid var(--fg)}.row .step-down:before,.top-bar .step-down:before{border-top:4px solid var(--fg)}.row .step-button:disabled,.top-bar .step-button:disabled{opacity:.45;cursor:not-allowed}.row.row-file{grid-template-columns:1fr;gap:8px 0}.row.row-file .file-trigger-cluster{grid-column:1 / -1;display:flex;align-items:center;gap:6px}.row.row-file .file-trigger{flex:1;justify-content:center;cursor:pointer}.row.row-file .file-trigger:focus-within{outline:2px solid var(--yellow-deep);outline-offset:1px}.row.row-file .file-trigger[data-dragover=true]{outline:2px dashed var(--violet);outline-offset:1px;background:var(--violet);color:var(--accent-paper)}.row.row-file .file-filename{grid-column:1 / -1;font:500 10.5px/1.2 var(--font-mono);color:var(--fg);background:var(--bg);border:1px solid var(--hairline);padding:5px 8px;letter-spacing:.02em;word-break:break-all;text-transform:none}.row-checkboxes{grid-template-columns:1fr}.row-checkboxes .checkbox-cluster{display:inline-flex;align-items:center;gap:8px}.row-checkboxes{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.row select.row-select{grid-column:1 / -1;appearance:none;font:500 12px/1 var(--font-mono);background:var(--bg);color:var(--fg);border:1.5px solid var(--border-strong);padding:9px 30px 9px 10px;cursor:pointer;border-radius:0;background-image:linear-gradient(45deg,transparent 50%,var(--fg) 50%),linear-gradient(135deg,var(--fg) 50%,transparent 50%);background-position:calc(100% - 14px) 53%,calc(100% - 9px) 53%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.cselect{position:relative;grid-column:1 / -1}.cselect-btn{appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;font:500 12px/1 var(--font-mono);background:var(--bg);color:var(--fg);border:1.5px solid var(--border-strong);padding:9px 10px;cursor:pointer;border-radius:0;text-align:left;transition:transform .12s cubic-bezier(.16,1,.3,1)}.cselect-caret{width:8px;height:8px;border-right:1.5px solid var(--fg);border-bottom:1.5px solid var(--fg);transform:translateY(-2px) rotate(45deg);transition:transform .12s ease;flex-shrink:0}.cselect-btn[aria-expanded=true] .cselect-caret{transform:translateY(2px) rotate(225deg)}.cselect-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:var(--bg);border:1.5px solid var(--border-strong);box-shadow:4px 4px 0 0 var(--border-strong);z-index:100;max-height:280px;overflow-y:auto}.cselect-menu li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-left:2px solid transparent;font:500 12px/1 var(--font-mono);color:var(--fg);cursor:pointer;user-select:none;outline:none}.cselect-menu li:hover,.cselect-menu li:focus{background:var(--yellow);color:var(--accent-ink)}.cselect-menu li[aria-disabled=true]{color:var(--fg-mute);cursor:default;pointer-events:none}.cselect-menu li[aria-disabled=true]:hover,.cselect-menu li[aria-disabled=true]:focus{background:transparent;color:var(--fg-mute)}.cselect-menu li.is-active{border-left-color:var(--violet);color:var(--fg);padding-left:8px}.cselect-menu li.is-active:hover{background:var(--yellow);color:var(--accent-ink)}.cselect-menu li.is-active:focus:not(:hover){background:transparent;color:var(--fg)}.cselect-check{width:12px;font-size:11px;color:currentColor;flex-shrink:0;text-align:left}.tb-section .cselect{grid-column:auto;min-width:120px}.tb-section .cselect-btn{padding:7px 10px}.slider-wrap{grid-column:1 / -1;position:relative;height:22px;display:flex;align-items:center}.slider-wrap input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;margin:0;padding:0;background:transparent;position:relative;z-index:2;vertical-align:middle}.slider-wrap .track{position:absolute;left:0;right:0;top:50%;height:6px;transform:translateY(-50%);background:var(--bg);border:1.5px solid var(--border-strong);pointer-events:none}.slider-wrap .fill{position:absolute;left:0;top:50%;height:6px;transform:translateY(-50%);background:var(--violet);border:1.5px solid var(--border-strong);border-right:0;pointer-events:none;z-index:1}.slider-wrap.yellow .fill{background:var(--yellow)}.slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:22px;background:var(--bg);border:1.5px solid var(--border-strong);cursor:ew-resize;border-radius:0;box-shadow:2px 2px 0 0 var(--border-strong);margin-top:0}.slider-wrap input[type=range]:focus{outline:none}.slider-wrap input[type=range]:focus-visible::-webkit-slider-thumb,.slider-wrap input[type=range]:active::-webkit-slider-thumb{background:var(--yellow)}.slider-wrap input[type=range]::-moz-range-thumb{width:14px;height:20px;background:var(--bg);border:1.5px solid var(--border-strong);cursor:ew-resize;border-radius:0;box-shadow:2px 2px 0 0 var(--border-strong)}.slider-wrap input[type=range]:focus-visible::-moz-range-thumb,.slider-wrap input[type=range]:active::-moz-range-thumb{background:var(--yellow)}.slider-wrap.yellow input[type=range]:focus-visible::-webkit-slider-thumb,.slider-wrap.yellow input[type=range]:active::-webkit-slider-thumb{background:var(--violet)}.slider-wrap.yellow input[type=range]::-moz-range-thumb{background:var(--bg)}.slider-wrap.yellow input[type=range]:focus-visible::-moz-range-thumb,.slider-wrap.yellow input[type=range]:active::-moz-range-thumb{background:var(--violet)}.section[data-pos-parity=odd] .slider-wrap .fill{background:var(--violet)}.section[data-pos-parity=even] .slider-wrap .fill{background:var(--yellow)}.section[data-pos-parity=odd] .slider-wrap input[type=range]:focus-visible::-webkit-slider-thumb,.section[data-pos-parity=odd] .slider-wrap input[type=range]:active::-webkit-slider-thumb{background:var(--yellow)}.section[data-pos-parity=odd] .slider-wrap input[type=range]:focus-visible::-moz-range-thumb,.section[data-pos-parity=odd] .slider-wrap input[type=range]:active::-moz-range-thumb{background:var(--yellow)}.section[data-pos-parity=even] .slider-wrap input[type=range]:focus-visible::-webkit-slider-thumb,.section[data-pos-parity=even] .slider-wrap input[type=range]:active::-webkit-slider-thumb{background:var(--violet)}.section[data-pos-parity=even] .slider-wrap input[type=range]:focus-visible::-moz-range-thumb,.section[data-pos-parity=even] .slider-wrap input[type=range]:active::-moz-range-thumb{background:var(--violet)}.row input[type=checkbox]{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--bg);border:1.5px solid var(--border-strong);display:inline-grid;place-items:center;cursor:pointer;margin:0;justify-self:end}.row input[type=checkbox]:checked{background:var(--violet);border-color:var(--violet-deep)}.row input[type=checkbox]:checked:after{content:"";width:4px;height:8px;border-right:1.5px solid var(--accent-paper);border-bottom:1.5px solid var(--accent-paper);transform:rotate(45deg) translateY(-1px)}.btn:focus-visible,.theme-toggle button:focus-visible,.cselect-btn:focus-visible,.zoom-num:focus-visible,.row input[type=checkbox]:focus-visible,.row select.row-select:focus-visible,.zoom-bar .group .btn:focus-visible{outline:2px solid var(--yellow-deep);outline-offset:1px}.theme-toggle button:focus,.cselect-btn:focus,.zoom-num:focus,.row select.row-select:focus{outline:2px solid var(--yellow-deep);outline-offset:1px}.region-list-empty{margin:0;padding:10px 0;font:12px/1.5 var(--font-body);color:var(--fg-mute)}.region-list,.region-list-grid{margin:0}.region-list{display:flex;flex-direction:column;gap:6px}.region-list-grid{--region-grid-cols: 3;display:grid;grid-template-columns:repeat(var(--region-grid-cols, 3),minmax(0,1fr));gap:8px}.region-list-row{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;padding:6px;background:var(--bg);border:1.5px solid var(--border);cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none;user-select:none}.region-list-row:hover{border-color:var(--border-strong)}.region-list-row.active{border-color:var(--violet);background:oklch(from var(--violet) l c h / .08)}.region-list-row.has-warning{border-color:var(--yellow-deep)}.region-list-row.focused:not(.active){outline:2px solid var(--yellow-deep);outline-offset:1px}.region-list-row.active.focused{background:oklch(from var(--violet) l c h / .14)}.region-list-row:focus-visible:not(.active){outline:2px solid var(--yellow-deep);outline-offset:1px}.region-list-swatch{width:24px;height:24px;border:1.5px solid var(--border-strong);flex-shrink:0}.region-list-row-meta{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:0}.region-list-name{background:transparent;border:none;color:var(--fg);font:600 12px/1.2 var(--font-mono);padding:0;width:100%;outline:none;cursor:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.region-list-name:not([readonly]){background:var(--bg-sunk);border:1.5px solid var(--border-strong);padding:2px 4px;cursor:text;color:var(--fg)}.region-list-pixelcount{font:10px/1 var(--font-mono);color:var(--fg-mute);white-space:nowrap;display:none}.region-props-popover{position:fixed;z-index:9100;background:var(--bg-elev);border:1.5px solid var(--border-strong);box-shadow:var(--shadow-hard);padding:12px;width:220px;font:400 11px/1.4 var(--font-body);color:var(--fg)}.region-props-popover[hidden]{display:none}.region-props-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.region-props-row:last-child{margin-bottom:0}.region-props-label{font:600 10px/1 var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--fg);flex-shrink:0}.region-props-value{font:500 11px/1 var(--font-mono);color:var(--fg);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.region-props-swatch{width:20px;height:20px;border:1.5px solid var(--border-strong);cursor:pointer;flex-shrink:0}.region-props-colour-value{display:inline-flex;align-items:center;gap:8px;min-width:0}.region-props-hex{font:600 11px/1 var(--font-mono);color:var(--fg);white-space:nowrap}.region-props-colour-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.region-props-rename-row{flex-direction:column;align-items:stretch;gap:4px}.region-props-rename-input{width:100%;border:1.5px solid var(--border-strong);background:var(--bg);color:var(--fg);font:500 11px/1 var(--font-mono);padding:5px 8px;border-radius:0;outline:none}.region-props-rename-input:focus-visible{outline:2px solid var(--yellow-deep);outline-offset:0}.region-list-thumbnail-wrap{position:relative;width:100%;aspect-ratio:1 / 1;align-self:stretch}.region-list-thumbnail{width:100%;height:auto;aspect-ratio:1 / 1;border:1px solid var(--border);image-rendering:pixelated;display:block}.region-list-thumbnail-wrap .region-list-thumbnail{position:absolute;inset:0}.region-list-thumbnail-hover{opacity:0}.region-list-row:hover .region-list-thumbnail-hover{opacity:1}.region-list-badge{font-size:11px;color:var(--yellow);line-height:1;background:none;border:none;padding:0;cursor:pointer;appearance:none}.region-list-badge:hover{color:var(--yellow-deep)}.region-list-badge:focus-visible{outline:2px solid var(--yellow-deep);outline-offset:2px}.region-list-row--virtual{opacity:.75;cursor:default}.region-list-row--virtual:hover{border-color:var(--border)}.region-list-row--virtual.active{border-color:var(--violet);background:oklch(from var(--violet) l c h / .08)}.region-list-toolbar{display:flex;flex-direction:column;gap:0;margin:0}.region-tools-root{position:sticky;top:0;z-index:5;background:var(--bg-elev);border-bottom:1.5px solid var(--border)}.region-tools-section{padding:16px;background:var(--bg-elev)}.region-tools-group-body{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.region-tools-stacks .region-tools-group-body{display:grid;grid-template-columns:1fr 1fr;gap:6px}.area-mask-ops-row{display:flex;gap:10px}.area-mask-ops-row .region-list-toolbar-btn{flex:1}.region-list-min-pixels-value-cluster{align-items:center}.region-list-min-pixels-value{font:500 11px/1 var(--font-mono);color:var(--fg);padding:6px 8px;width:68px;background:var(--bg);border:1.5px solid var(--border-strong);border-radius:0;text-align:right;font-variant-numeric:tabular-nums;appearance:textfield}.region-list-min-pixels-value::-webkit-outer-spin-button,.region-list-min-pixels-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.value-suffix{font:500 11px/1 var(--font-mono);color:var(--fg)}.row .row-hint{grid-column:1 / -1;margin:-2px 0 0;font:500 11px/1.35 var(--font-mono);color:var(--fg-dim)}.region-list-toolbar-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.region-list-toolbar-btn{flex:1;padding:8px 12px;font:600 11px/1 var(--font-mono);text-align:center;appearance:none;white-space:nowrap}.region-list-toolbar-btn:not(:disabled):hover{background:var(--violet);color:var(--accent-ink);transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--border-strong)}.region-list-toolbar-btn:active{background:var(--yellow);color:var(--accent-ink);transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.region-list-toolbar-btn.active{background:var(--violet);color:var(--accent-ink);border-color:var(--border-strong);box-shadow:2px 2px 0 0 var(--border-strong)}.region-list-toolbar-btn:disabled,.region-list-toolbar-btn[aria-disabled=true]{opacity:.35;cursor:not-allowed;pointer-events:none;transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.region-list-stack-header{display:flex;align-items:baseline;gap:5px;grid-column:1 / -1;padding:4px 6px 2px;font:600 10px/1.3 var(--font-mono);color:var(--fg);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);margin-top:4px;user-select:none;pointer-events:none}.region-list-stack-header:first-child{margin-top:0}.region-list-stack-header-name{font-weight:700;color:var(--fg)}.region-list-stack-header-count{font-weight:400;color:var(--fg-mute)}.region-list-stack-header[data-active=true]{background:oklch(from var(--violet) l c h / .1);border-bottom-color:var(--violet);color:var(--fg)}.region-list-stack-header[data-active=true] .region-list-stack-header-name{color:var(--violet)}input.stack-header-rename{font:700 10px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--fg);background:var(--bg-sunk);border:1.5px solid var(--violet);padding:0 4px;width:100%;outline:none}.region-list-warnings{margin:0 0 8px;padding:5px 8px;font:11px/1.5 var(--font-mono);color:var(--yellow-deep);background:oklch(from var(--yellow) l c h / .08);border:1px solid oklch(from var(--yellow) l c h / .35)}.remap-info{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 10px;font:500 11px/1.3 var(--font-mono);color:var(--fg);cursor:pointer}.remap-info:after{content:"▸";color:var(--fg-mute);font-size:10px}.remap-info[data-expanded=true]:after{content:"▾"}.remap-info:hover{color:var(--fg)}.remap-section-body{padding-top:15px}.area-status-card{display:flex;align-items:center;gap:6px;padding:9px 10px;margin-top:0;margin-bottom:20px;background:var(--bg-elev);border:1.5px solid var(--border-strong)}.area-status-card[hidden]{display:none}.area-status-count{font:800 14px/1 var(--font-display);color:var(--violet);min-width:2ch;text-align:right}.area-status-label{font:700 10px/1.3 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute)}.relink-backdrop{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:1000}.relink-panel{background:var(--bg-elev);border:1.5px solid var(--border-strong);box-shadow:var(--shadow-hard);width:min(480px,92vw);max-height:80vh;display:flex;flex-direction:column;outline:none}.relink-header{padding:14px 16px 10px;border-bottom:1px solid var(--border)}.relink-title{margin:0;font:700 12px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--fg)}.relink-body{flex:1;overflow-y:auto;padding:12px 16px}.relink-empty{margin:0;font:12px/1.5 var(--font-body);color:var(--fg-mute)}.relink-asset-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.relink-asset-item{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:6px 8px;border:1.5px solid var(--border);cursor:pointer;user-select:none;outline:none}.relink-asset-item:hover{border-color:var(--border-strong)}.relink-asset-item:focus-visible{outline:2px solid var(--violet);outline-offset:1px}.relink-asset-item.current{border-color:var(--violet);background:oklch(from var(--violet) l c h / .08)}.relink-asset-thumb{width:40px;height:40px;display:block;image-rendering:pixelated;border:1px solid var(--border)}.relink-asset-thumb--missing{background-image:linear-gradient(45deg,var(--border) 25%,transparent 25%),linear-gradient(-45deg,var(--border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--border) 75%),linear-gradient(-45deg,transparent 75%,var(--border) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.relink-asset-name{font:600 11px/1.4 var(--font-mono);color:var(--fg);word-break:break-all}.relink-asset-current-tag{margin-left:6px;color:var(--violet);font-size:12px}.relink-footer{padding:10px 16px 14px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.center{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.zoom-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg-elev);border-bottom:1.5px solid var(--border);height:44px;transition:filter .16s ease,opacity .16s ease}.zoom-bar .group{display:inline-flex;border:1.5px solid var(--border-strong)}.zoom-bar .group .btn{border:0;border-right:1.5px solid var(--border-strong);padding:6px 10px;font:600 11px/1 var(--font-display);text-transform:uppercase;letter-spacing:.06em;box-shadow:none}.zoom-bar .group .btn:hover,.zoom-bar .group .btn:active{box-shadow:none;transform:none}.zoom-bar .group .btn:last-child{border-right:0}.zoom-bar .group .btn[aria-pressed=true]{background:var(--violet);color:var(--accent-ink)}.zoom-bar .pct-suffix{font:500 11px/1 var(--font-mono);color:var(--fg);margin-left:-4px}.zoom-bar .zoom-num{font:500 11px/1 var(--font-mono);background:var(--bg);color:var(--fg);border:1.5px solid var(--border-strong);padding:6px 8px;width:64px;text-align:right;border-radius:0}.zoom-bar .kbd-cluster{margin-left:auto;display:inline-flex;gap:8px;align-items:center;color:var(--fg-mute);font:500 11px/1 var(--font-mono)}.kbd{font:500 10px/1 var(--font-mono);background:var(--bg);color:var(--fg-dim);border:1px solid var(--hairline);padding:2px 5px;border-bottom-width:2px}.viewport{position:relative;flex:1 1 auto;width:100%;height:100%;overflow:hidden;background:var(--bg-sunk);cursor:grab;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.viewport[data-panning]{cursor:grabbing}.viewport[data-dragover=true]:after{content:"";position:absolute;inset:16px;border:2px dashed var(--violet);pointer-events:none;z-index:6}.viewport .grid-bg{position:absolute;inset:0;z-index:1;background-color:var(--bg-sunk);background-image:linear-gradient(to right,color-mix(in oklch,var(--fg) 14%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklch,var(--fg) 14%,transparent) 1px,transparent 1px),linear-gradient(to right,color-mix(in oklch,var(--fg) 26%,transparent) 1.25px,transparent 1.25px),linear-gradient(to bottom,color-mix(in oklch,var(--fg) 26%,transparent) 1.25px,transparent 1.25px);background-size:var(--grid-minor) var(--grid-minor),var(--grid-minor) var(--grid-minor),var(--grid-major) var(--grid-major),var(--grid-major) var(--grid-major);background-position:0 0;pointer-events:none}[data-theme=light] .viewport .grid-bg{background-image:linear-gradient(to right,color-mix(in oklch,var(--fg) 12%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklch,var(--fg) 12%,transparent) 1px,transparent 1px),linear-gradient(to right,color-mix(in oklch,var(--fg) 22%,transparent) 1.25px,transparent 1.25px),linear-gradient(to bottom,color-mix(in oklch,var(--fg) 22%,transparent) 1.25px,transparent 1.25px)}.viewport .reg{position:absolute;width:16px;height:16px;pointer-events:none;color:var(--fg-mute);z-index:3}.viewport .reg:before,.viewport .reg:after{content:"";position:absolute;background:currentColor}.viewport .reg:before{left:0;top:7px;width:16px;height:1.5px}.viewport .reg:after{left:7px;top:0;width:1.5px;height:16px}.viewport .reg.tl{top:12px;left:12px}.viewport .reg.tr{top:12px;right:12px}.viewport .reg.bl{bottom:12px;left:12px}.viewport .reg.br{bottom:12px;right:12px}.layout[data-empty=true] .viewport .reg{opacity:.4}.dropzone{position:absolute;inset:0;z-index:5;display:grid;place-items:center;cursor:pointer;background:transparent;border:0;padding:0;color:inherit;font:inherit}.dropzone[hidden]{display:none}.dropzone-card{width:min(72%,560px);aspect-ratio:4 / 3;position:relative;background:transparent;display:grid;grid-template-rows:auto auto;place-content:center;justify-items:center;text-align:center;padding:32px 36px;gap:28px;transition:color .12s ease;color:var(--fg-dim)}:root{--accent-hover: var(--yellow)}[data-theme=light]{--accent-hover: var(--violet)}.dropzone:hover .dropzone-card .bracket,.viewport[data-dragover=true] .dropzone-card .bracket{border-color:var(--accent-hover)}.dropzone:hover .dropzone-card .big,.viewport[data-dragover=true] .dropzone-card .big,.dropzone:hover .dropzone-card .big .brk,.viewport[data-dragover=true] .dropzone-card .big .brk{color:var(--accent-hover)}.dropzone:hover .dropzone-card .halftone-block,.viewport[data-dragover=true] .dropzone-card .halftone-block{border-color:var(--accent-hover);box-shadow:4px 4px 0 0 var(--accent-hover)}.dropzone-card .halftone-block{position:relative;width:clamp(150px,36%,220px);aspect-ratio:1 / 1;border:2px solid var(--fg);background:var(--bg);overflow:hidden;box-shadow:4px 4px 0 0 var(--border-strong);transition:border-color .12s ease,box-shadow .12s ease}.dropzone-card .halftone-dots{--tone-dot: var(--fg);--tone-accent: oklch(.74 .2 300 / .42);position:absolute;inset:-12%;background:radial-gradient(circle,var(--tone-dot) 0 1.15px,transparent 1.35px) 0 0 / 8px 8px,radial-gradient(circle,var(--tone-accent) 0 .85px,transparent 1.05px) 4px 4px / 8px 8px,linear-gradient(135deg,transparent 0%,var(--bg-elev) 74%);background-blend-mode:normal,screen,normal;opacity:.9;transform:rotate(-8deg) scale(1.08);transform-origin:center}[data-theme=light] .dropzone-card .halftone-dots{--tone-dot: var(--accent-ink);--tone-accent: oklch(.58 .22 300 / .34);opacity:.72}.dropzone-card .ht-tag{position:absolute;font:600 9px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--bg);background:var(--fg);padding:3px 6px;top:0;left:0}.dropzone-card .label-block{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;gap:10px;inline-size:min(100%,560px);background:color-mix(in oklch,var(--bg) 88%,transparent);padding:16px 24px;border:2px solid var(--fg);box-shadow:4px 4px 0 0 var(--border-strong);text-align:center;transition:border-color .12s ease,box-shadow .12s ease}.dropzone:hover .dropzone-card .label-block,.viewport[data-dragover=true] .dropzone-card .label-block{border-color:var(--accent-hover);box-shadow:4px 4px 0 0 var(--accent-hover)}.dropzone-card .big{display:inline-flex;align-items:baseline;gap:12px;font:700 26px/1.05 var(--font-display);letter-spacing:.04em;color:var(--fg);text-transform:uppercase;white-space:nowrap;transition:color .12s ease}.dropzone-card .big .brk{font-weight:400;color:var(--fg-mute);font-size:1.1em;transition:color .12s ease}.dropzone-card .meta{font:500 11px/1.4 var(--font-mono);color:var(--fg-dim);letter-spacing:.04em;text-transform:none}.dropzone-card .bracket{position:absolute;width:26px;height:26px;border:3px solid var(--fg);pointer-events:none;transition:border-color .12s ease}.dropzone-card .bracket.tl{top:-2px;left:-2px;border-right:0;border-bottom:0}.dropzone-card .bracket.tr{top:-2px;right:-2px;border-left:0;border-bottom:0}.dropzone-card .bracket.bl{bottom:-2px;left:-2px;border-right:0;border-top:0}.dropzone-card .bracket.br{bottom:-2px;right:-2px;border-left:0;border-top:0}.canvas-stack{position:absolute;top:0;left:0;transform-origin:0 0;width:max-content;height:max-content;will-change:transform;z-index:2}.canvas-stack .frame{position:relative;background:var(--bg);border:2px solid var(--fg);box-shadow:var(--shadow-hard-accent);width:100%;height:100%}.canvas-stack canvas{display:block;position:absolute;inset:0;image-rendering:pixelated}.canvas-stack canvas.is-source{z-index:1;visibility:hidden}.canvas-stack canvas.is-result{z-index:0}.canvas-stack canvas.is-overlay{z-index:2;pointer-events:none;visibility:hidden}.canvas-stack .frame-label{position:absolute;top:-14px;left:12px;font:600 10px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;background:var(--violet);color:var(--accent-paper);padding:4px 8px;transition:opacity .16s ease,transform .16s ease;z-index:4;white-space:nowrap}.viewport[data-interacting=true] .canvas-stack .frame-label,.viewport:hover .canvas-stack .frame-label{opacity:0;transform:translateY(-4px);pointer-events:none}.statusbar{display:flex;align-items:center;gap:14px;padding:0 14px;height:32px;background:var(--bg-elev);border-top:1.5px solid var(--border);font:500 11px/1 var(--font-mono);color:var(--fg-dim);overflow:hidden}.statusbar .dot{width:8px;height:8px;background:var(--yellow);display:inline-block;flex-shrink:0}.statusbar .dot.processing{background:var(--violet);animation:blink .9s infinite}.statusbar .dot.idle{background:var(--fg-mute)}@keyframes blink{50%{opacity:.25}}.statusbar .pipe{color:var(--fg-mute)}.statusbar .right{margin-left:auto;display:flex;align-items:center;gap:14px;white-space:nowrap}.statusbar .label{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.region-list-root{overflow-anchor:none}.sidebar-tabs{display:flex;flex-direction:row;background:var(--bg-sunk);flex-shrink:0}.sidebar-tab{appearance:none;display:inline-flex;align-items:center;gap:6px;flex:1;padding:0 12px;height:36px;font:600 11px/1 var(--font-mono);letter-spacing:.03em;background:var(--bg-sunk);color:var(--fg-dim);border:0;border-top:1.5px solid transparent;border-right:1px solid var(--border);border-bottom:1.5px solid var(--border);cursor:pointer;white-space:nowrap;transition:background 80ms ease,color 80ms ease}.sidebar-tab:last-child{border-right:0}.sidebar-tab:hover{background:var(--bg);color:var(--fg)}.sidebar-tab:focus-visible{outline:2px solid var(--yellow-deep);outline-offset:-3px;box-shadow:inset 0 0 0 1.5px var(--border-strong)}.sidebar-tab[aria-selected=true]{background:var(--bg-elev);color:var(--fg);border-top-color:var(--violet);border-bottom-color:var(--bg-elev)}.sidebar-tab-icon{font-size:13px;flex-shrink:0;line-height:1}.sidebar-tab-label{font:600 11px/1 var(--font-mono);letter-spacing:.03em}.sidebar-tab-panels{flex:1;overflow-y:auto;min-height:0}.sidebar-region-panel,.sidebar-tone-panel{display:flex;flex-direction:column}.region-empty{padding:24px 16px;font:400 12px/1.5 var(--font-body);color:var(--fg-mute);text-align:center}.region-panel-content{display:flex;flex-direction:column}.region-panel-content[hidden]{display:none}.region-mask-btn-row{display:flex;align-items:stretch;gap:8px;margin:0 0 8px}.region-mask-btn{flex:1;margin:0;justify-content:center;font-size:12px;gap:6px}.region-mask-btn:not([data-has-mask=true]){position:relative;display:inline-grid;grid-template-columns:minmax(0,1fr);place-items:stretch;padding:0;gap:0;overflow:visible;isolation:isolate;background:transparent;color:var(--accent-ink);border:0;box-shadow:none}.region-mask-btn:not([data-has-mask=true]):before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--violet);transform:translate(2px,2px)}.region-mask-btn:not([data-has-mask=true]) .region-mask-btn-face{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;inline-size:100%;box-sizing:border-box;gap:6px;padding:8px 12px;background:var(--yellow);color:var(--accent-ink);border:1.5px solid var(--accent-ink);transition:transform .12s cubic-bezier(.16,1,.3,1)}.region-mask-btn:not([data-has-mask=true]):focus{outline:none}.region-mask-btn:not([data-has-mask=true]):focus-visible .region-mask-btn-face{outline:2px solid var(--yellow-deep);outline-offset:1px}.region-mask-btn:not([data-has-mask=true]):hover,.region-mask-btn:not([data-has-mask=true]):active{background:transparent;color:var(--accent-ink);box-shadow:none;transform:none}.region-mask-btn:not([data-has-mask=true]):hover .region-mask-btn-face{background:var(--yellow);color:var(--accent-ink);transform:translate(1px,1px)}.region-mask-btn:not([data-has-mask=true]):active .region-mask-btn-face{transform:translate(2px,2px)}.region-mask-btn[data-has-mask=true]{background:var(--bg);color:var(--fg);border-color:var(--border-strong);box-shadow:2px 2px 0 0 var(--border-strong);white-space:nowrap}.region-mask-btn[data-has-mask=true] .region-mask-btn-face{display:contents}.region-mask-btn[data-has-mask=true]:hover{background:var(--violet);color:var(--accent-ink);transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--border-strong)}.region-mask-btn[data-has-mask=true]:active{background:var(--yellow);color:var(--accent-ink);transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-strong)}.region-mask-btn[data-dragover=true]{background:var(--bg-elev);border-color:var(--violet);box-shadow:0 0 0 1px var(--violet)}.region-mask-help{margin:0 0 12px;font:400 11px/1.4 var(--font-body);color:var(--fg)}.tone-thumb-strip-root{flex-shrink:0}.tone-thumb-strip{display:flex;flex-direction:row;gap:6px;padding:8px;overflow-x:auto;border-bottom:1.5px solid var(--border);background:var(--bg-sunk);flex-shrink:0}.tone-thumb-strip::-webkit-scrollbar{-webkit-appearance:none;height:6px;border-radius:0}.tone-thumb-strip::-webkit-scrollbar-thumb{-webkit-appearance:none;background:var(--scrollbar-thumb);border-radius:0}.tone-thumb-strip::-webkit-scrollbar-track{-webkit-appearance:none;background:var(--scrollbar-track);border-radius:0}.tone-thumb-strip::-webkit-scrollbar-track-piece,.tone-thumb-strip::-webkit-scrollbar-corner{-webkit-appearance:none;background:var(--scrollbar-track);border-radius:0}@supports not selector(::-webkit-scrollbar){.sidebar,.sidebar-tab-panels,.cselect-menu,.relink-body,.tone-thumb-strip{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}}.tone-thumb{position:relative;appearance:none;background:var(--bg);border:1.5px solid var(--border);padding:2px;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:border-color 80ms ease}.tone-thumb:hover{border-color:var(--border-strong)}.tone-thumb.active,.tone-thumb[aria-current=true]{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet)}.tone-thumb canvas{display:block;image-rendering:pixelated}.tone-thumb-badge{position:absolute;bottom:1px;right:1px;font:700 8px/1 var(--font-mono);background:var(--violet);color:var(--accent-paper);padding:2px 3px;pointer-events:none;line-height:1}.sidebar-hamburger{display:none}@media(max-width:700px){.sidebar-hamburger{display:inline-flex}.sidebar{position:fixed;left:0;top:0;bottom:0;width:304px;transform:translate(-100%);transition:transform .2s ease;z-index:50;display:flex;flex-direction:column}body.sidebar-open .sidebar{transform:translate(0)}}.sidebar{display:flex;flex-direction:column}.region-context-menu{position:fixed;z-index:200;background:var(--bg-elev);border:1.5px solid var(--border-strong);border-radius:0;padding:4px 0;min-width:180px;box-shadow:var(--shadow-hard);outline:none}.region-context-menu-item{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:13px;cursor:pointer;color:var(--fg);background:transparent;border:none;width:100%;text-align:left}.region-context-menu-item:hover,.region-context-menu-item[data-highlighted=true]{background:var(--violet);color:var(--accent-paper)}.region-context-menu-item:disabled,.region-context-menu-item[aria-disabled=true]{opacity:.4;cursor:default;pointer-events:none}.region-context-menu-sep{height:1px;background:var(--border);margin:4px 0}.about-popup{min-width:200px;text-align:left}.about-popup-name{font-size:15px;font-weight:700;color:var(--fg);margin-bottom:4px}.about-popup-tagline{font-size:12px;color:var(--fg);opacity:.6}.about-manual-btn{margin-top:10px;width:100%;justify-content:center}.manual-popup-backdrop{position:fixed;inset:0;z-index:9000;display:flex;align-items:stretch;justify-content:center;box-sizing:border-box;padding:clamp(12px,3vw,28px);background:#0000007a}.manual-popup{position:static;top:auto;right:auto;left:auto;width:min(960px,100%);max-width:min(960px,100%);height:100%;max-height:100%;box-sizing:border-box}.manual-popup-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.manual-popup-title{min-width:0}.manual-popup-close{flex:0 0 auto;padding:6px 10px;font-size:11px}.manual-popup-body{flex:1 1 auto;min-height:0;overflow:auto;padding-right:4px}.manual-content{display:flex;flex-direction:column;gap:8px;width:min(100%,82ch);font-size:12px;line-height:1.55}.manual-content h1,.manual-content h2,.manual-content h3,.manual-content p,.manual-content ul,.manual-content pre{margin:0}.manual-content h1{font-size:16px}.manual-content h2{margin-top:8px;font-size:13px}.manual-content h3{font-size:12px}.manual-content ul{padding-left:18px}.manual-content a{color:var(--violet);font-weight:700}.manual-content pre{overflow:auto;padding:8px;border:1px solid var(--border);background:var(--bg-elev);font:11px/1.45 var(--font-mono)}.shortcuts-popup{width:min(400px,calc(100vw - 24px));max-width:calc(100vw - 24px)}.shortcuts-list{display:flex;flex-direction:column;gap:4px}.shortcuts-list .shortcuts-group-head{margin-top:10px;padding-bottom:2px;font:700 9px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);border-bottom:1px solid var(--border-strong);list-style:none}.shortcuts-list .shortcuts-group-head:first-child{margin-top:0}.shortcuts-row{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:16px;font-size:12px;color:var(--fg);white-space:nowrap}.shortcuts-row .kbd{justify-self:start;font-family:inherit;font-size:11px;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:3px;padding:1px 5px;white-space:nowrap}.shortcuts-row span:last-child{overflow:hidden;text-overflow:ellipsis}.statusbar-shortcuts-btn{appearance:none;background:transparent;border:0;padding:0;cursor:pointer;color:var(--violet);font-weight:700;font-size:11px;line-height:1}.statusbar-shortcuts-btn:hover{color:var(--yellow)}.ctrl-checkbox-row{display:flex;align-items:center;gap:8px;padding:6px 0 10px;font-size:12px;color:var(--fg);opacity:.8}.ctrl-checkbox-row input[type=checkbox]{accent-color:var(--violet);width:14px;height:14px;cursor:pointer;flex-shrink:0}.info-btn{appearance:none;width:13px;height:13px;border:1px solid var(--fg-mute);background:transparent;color:var(--fg-mute);font:700 9px/1 var(--font-mono);cursor:help;border-radius:50%;display:inline-grid;place-items:center;position:relative;padding:0}.info-btn[hidden]{display:none!important}.info-btn:hover,.info-btn:focus-visible{border-color:var(--violet);color:var(--violet);outline:none}.info-tip-portal{position:fixed;width:220px;padding:10px 12px;background:var(--bg);color:var(--fg);border:1.5px solid var(--border-strong);font:400 11px/1.45 var(--font-body);letter-spacing:0;z-index:1100;text-align:left;text-transform:none;box-shadow:var(--shadow-hard);pointer-events:none;white-space:normal}.info-tip-portal.info-tip-portal-wide{width:min(340px,calc(100vw - 48px))}[data-theme=light] .region-list-pixelcount{color:var(--fg-dim)}@media(prefers-reduced-motion:reduce){.btn,.top-bar-btn,.top-bar-btn-primary .top-bar-btn-face,.tone-preset-btn,.region-list-toolbar-btn,.segmented-control-btn,.settings-trigger,.settings-trigger .top-bar-icon,.theme-toggle button,.cselect-btn{transition:none}.settings-trigger:hover .top-bar-icon{transform:none}.btn:hover,.btn:active,.top-bar-btn:hover,.top-bar-btn:active,.top-bar-btn-primary:hover .top-bar-btn-face,.top-bar-btn-primary:active .top-bar-btn-face,.top-bar-btn-primary[data-pressed=true] .top-bar-btn-face,.tone-preset-btn:hover,.tone-preset-btn:active,.region-list-toolbar-btn:not(:disabled):hover,.region-list-toolbar-btn:active,.segmented-control-btn:hover,.segmented-control-btn:active,.settings-trigger:hover,.settings-trigger:active,.theme-toggle button:hover,.theme-toggle button:active,.theme-toggle button[aria-pressed=true]:active,.cselect-btn:hover,.cselect-btn:active,.cselect-btn[aria-expanded=true]{background:inherit;transform:none;clip-path:inset(0 0 0 0)}.segmented-control-btn[aria-pressed=true]{transform:none;clip-path:inset(0 0 0 0)}}.region-mask-btn-row{flex-wrap:wrap}.region-delete-mask-btn{flex:1;margin:0;justify-content:center;align-items:center;font-size:12px;gap:6px;min-inline-size:8rem}.region-delete-mask-btn[hidden]{display:none}