@font-face{font-family:Geist;src:url(../fonts/geist.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(../fonts/space-grotesk.woff2) format("woff2");font-weight:500 600;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(../fonts/space-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(../fonts/space-mono-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--ir: linear-gradient(135deg, #ff2fb0 0%, #8b40ff 48%, #12b6ff 100%);--macro: linear-gradient(135deg, #ff5e7e 0%, #ff9e45 46%, #3ecf8e 100%);--glass-bg: rgba(10, 10, 14, .65);--glass-txt: #f2f3f6;--glass-txt-2: #c8cad2;--ui: "Geist", -apple-system, system-ui, sans-serif;--display: "Space Grotesk", -apple-system, system-ui, sans-serif;--mono: "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;height:100%;overscroll-behavior:none}html{font-size:100%}body{font:.9375rem/1.4 var(--ui);background:var(--bg);color:var(--txt);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;border:2px solid transparent;background-clip:padding-box}#app{display:grid;grid-template-columns:1fr 352px;grid-template-rows:auto 1fr;grid-template-areas:"bar bar" "stage panel";height:100dvh}#app:has(#panel[hidden]){grid-template-columns:1fr 0}.bar{grid-area:bar;display:flex;align-items:center;gap:10px 14px;min-height:56px;padding:0 16px;padding-top:env(safe-area-inset-top);background:var(--surface);border-bottom:1px solid var(--line)}.brand{font:600 .9375rem/1 var(--display);letter-spacing:.01em;color:var(--txt);display:inline-flex;align-items:center;gap:9px;margin-right:auto;white-space:nowrap;flex:none}.tool-dot{width:16px;height:16px;border-radius:50%;flex:none;display:inline-block}.tool-dot.ir{background:var(--ir);box-shadow:0 0 10px #8b40ff80}.tool-dot.macro{background:var(--macro);box-shadow:0 0 10px #ff5e7e73}.home-link{color:var(--txt-2);text-decoration:none;font:500 .875rem/1 var(--ui);padding:6px 8px 6px 0;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex:none}.home-link:active{color:var(--txt)}.bar-mark{width:22px;height:22px;border-radius:6px;flex:none;box-shadow:0 2px 8px #00000059}.info-btn{width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--txt-2);font:italic 600 .8125rem/1 Georgia,serif;cursor:pointer;flex:none}.info-btn:active{background:var(--surface-3)}.ver-tag{font:500 .6875rem/1 var(--mono, ui-monospace, monospace);color:var(--txt-3);letter-spacing:.02em;margin-left:2px;flex:none;user-select:text}button{cursor:pointer;font-family:var(--ui)}select,button{width:100%;background:var(--surface-2);color:var(--txt-2);border:1px solid var(--line);border-radius:9px;padding:8px;font:.8125rem/1.2 var(--ui)}button:active{background:var(--surface-3)}.bar-btn[aria-pressed=true],.toggle[aria-pressed=true],button.primary{background:var(--accent);color:var(--accent-ink);font-weight:600;border-color:var(--accent)}select{background:var(--surface-3);color:var(--txt);-webkit-appearance:none;appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,var(--txt-2) 50%),linear-gradient(135deg,var(--txt-2) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;touch-action:none}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--line-2)}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--line-2)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);transition:transform .1s ease}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.18)}input[type=range]:active::-moz-range-thumb{transform:scale(1.18)}#infoDlg,#helpDlg,#batchDlg,#lookDlg,#lookPasteDlg,#lookRecvDlg,#ratioDlg,#locDlg{background:var(--surface);color:var(--txt);border:1px solid var(--line);border-radius:14px;padding:18px 20px;max-width:min(520px,90vw);box-shadow:var(--shadow)}#infoDlg::backdrop,#helpDlg::backdrop,#batchDlg::backdrop,#lookDlg::backdrop,#lookPasteDlg::backdrop,#lookRecvDlg::backdrop,#ratioDlg::backdrop,#locDlg::backdrop{background:#0000008c}#infoDlg{max-height:82vh;overflow-y:auto}.dlg-cue{position:sticky;z-index:3;height:30px;margin:0 -20px;display:flex;justify-content:center;font-size:.75rem;color:var(--txt-2);pointer-events:none;opacity:0;transition:opacity .15s}.dlg-cue.on{opacity:1}.dlg-cue.up{top:-18px;margin-top:-18px;align-items:flex-start;padding-top:3px;background:linear-gradient(0deg,transparent,var(--surface) 74%)}.dlg-cue.down{bottom:-18px;margin-bottom:-18px;align-items:flex-end;padding-bottom:3px;background:linear-gradient(180deg,transparent,var(--surface) 74%)}#infoDlg h2,#helpDlg h2,#batchDlg h2,#lookDlg h2,#lookPasteDlg h2,#lookRecvDlg h2,#ratioDlg h2{margin:0 0 10px;font:600 1.0625rem/1.2 var(--display)}#ratioDlg .note{display:block;margin:0 0 12px;font-size:.78125rem;line-height:1.5;color:var(--txt-2)}#ratioDlg button{display:block;width:100%;min-height:44px;margin:0 0 8px;padding:10px 14px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--txt);font:500 .875rem/1.2 var(--ui);cursor:pointer}#ratioDlg button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}#ratioCancel{width:auto!important;padding:8px 16px!important;display:inline-block!important}.ratio-entry{display:flex;align-items:center;gap:8px;margin:0 0 12px}.ratio-entry input{flex:1;min-width:0;min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--txt);font:500 1rem/1.2 var(--ui);text-align:center}.ratio-entry span{color:var(--txt-2);font-weight:700}#ratioDlg .ratio-entry button{width:44px!important;min-height:44px;margin:0;flex:none;display:block}#lookDlg .note,#lookPasteDlg .note,#lookRecvDlg .note{display:block;margin:0 0 12px;font-size:.78125rem;line-height:1.5;color:var(--txt-2)}#lookDlg button,#lookPasteDlg button,#lookRecvDlg button{display:block;width:100%;min-height:44px;margin:0 0 8px;padding:10px 14px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--txt);font:500 .875rem/1.2 var(--ui);cursor:pointer}#lookDlg button.primary,#lookPasteDlg button.primary,#lookRecvDlg button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}#lookDlg button:active,#lookPasteDlg button:active,#lookRecvDlg button:active{border-color:var(--accent)}#lookRecvDlg button:disabled{opacity:.4;cursor:default}#lookDlgClose,#lookPasteClose,#lookRecvClose{width:auto!important;padding:8px 16px!important;display:inline-block!important}.look-name-row{display:block;margin:0 0 12px;font:500 .78125rem/1.3 var(--ui);color:var(--txt-2)}.look-name-row input{display:block;width:100%;margin-top:4px;min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--txt);font:500 .9375rem/1.2 var(--ui)}.look-hint{color:var(--txt-2)}.look-code{display:block;width:100%;margin:0 0 12px;padding:8px 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--txt);font:.75rem/1.45 var(--mono);word-break:break-all;resize:vertical}.look-recv-slots{display:flex;flex-direction:column;gap:0;margin:0 0 6px}.look-recv-slot{text-align:left}#lookQrBox{margin:0 0 8px;padding:10px;background:#fff;border-radius:10px;border:1px solid var(--line-2)}#lookQrCanvas{display:block;width:min(100%,320px);height:auto;margin:0 auto;image-rendering:pixelated}#lookQrBox .note{color:#3a3a3f;margin:8px 0}#lookQrBox button{margin-bottom:0}.look-import-row{display:flex;gap:8px;margin-top:8px}.look-import-row button{flex:1;margin:0}#cropRatios{display:flex;flex-wrap:wrap;gap:10px 6px;justify-content:center;margin-top:8px}.ratio-chip{white-space:nowrap;flex:none}.ratio-chip{position:relative;min-height:32px;padding:5px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.35);background:transparent;color:var(--glass-txt);font:500 .75rem/1.2 var(--ui);cursor:pointer}.ratio-chip:before{content:"";position:absolute;inset:-6px}.ratio-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700;box-shadow:0 2px 10px -2px var(--accent)}.chip-hint{display:inline-block;margin-inline-start:5px;padding:0 4px;border-radius:5px;background:#0000002e;color:inherit;font-weight:600}.bw-mixes{display:flex;flex-wrap:wrap;gap:10px 6px;margin:4px 0 10px}.mix-chip{position:relative;width:auto;flex:none;min-height:34px;padding:6px 12px;border-radius:8px;border:1px solid var(--line-2);background:transparent;color:var(--txt);font:500 .75rem/1.2 var(--ui);cursor:pointer}.mix-chip:before{content:"";position:absolute;inset:-5px}.mix-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}#stickerGroups{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:8px}#stickerGroups .mix-chip{min-height:40px;padding:8px 15px;font-size:.8125rem;font-weight:600}#stickerCats .mix-chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--txt)}#stickerAdd{align-items:flex-start}.sticker-tile{display:flex;flex-direction:column;align-items:center;gap:4px;width:78px;padding:7px 5px 8px;text-align:center}.sticker-tile .sticker-thumb{width:56px;height:56px;object-fit:contain;border-radius:6px;background-color:#8a8f99;background-image:linear-gradient(45deg,rgba(0,0,0,.16) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.16) 75%),linear-gradient(45deg,rgba(0,0,0,.16) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.16) 75%);background-size:12px 12px;background-position:0 0,6px 6px}.sticker-tile .sticker-tile-label{font:600 .6875rem/1.25 var(--ui);color:var(--txt);word-break:break-word}.sticker-tile .sticker-tile-note{font:500 .6875rem/1.2 var(--ui);color:var(--txt-2);letter-spacing:.02em}.grade-band{display:flex;align-items:center;gap:12px;margin:10px 0}.grade-wheel-box{flex:none;width:96px;text-align:center}.grade-band-name{display:block;font:500 .75rem/1.2 var(--ui);color:var(--txt-2);margin-bottom:5px}.grade-wheel{position:relative;width:88px;height:88px;margin:0 auto;border-radius:50%;border:1px solid var(--line-2);touch-action:none;cursor:pointer;background:radial-gradient(closest-side,var(--surface) 18%,rgba(0,0,0,0) 72%),conic-gradient(#e33333,#dd3,#3c3,#3cc,#44e,#c3c,#e33333 360deg)}.grade-puck{position:absolute;left:50%;top:50%;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;border:2px solid #fff;box-shadow:0 0 0 1.5px #070a12cc;background:transparent}.grade-band-val{display:block;margin-top:5px;font:400 .6875rem/1.2 var(--ui);color:var(--txt-3);min-height:13px}.grade-band-sliders{flex:1;min-width:0}.mix3-row{padding:2px 0 4px;border-top:1px solid var(--line);margin-top:6px}.mix3-row:first-of-type{border-top:none;margin-top:0}.mix3-head{margin:4px 0 2px}.lut-badge{display:inline-block;padding:1px 6px;border:1px solid var(--line-2);border-radius:6px;font:600 .6875rem/1.4 var(--mono);letter-spacing:.06em;color:var(--txt-2)}.lut-active{margin:8px 0 4px;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px}.lut-active-name{font:500 .8125rem/1.3 var(--ui);color:var(--txt);margin-bottom:4px}.lut-strength-row{display:flex;align-items:center;gap:8px}.lut-strength-row input[type=range]{flex:1;min-width:0}.lut-strength-row span{font:500 .6875rem/1 var(--mono);color:var(--txt-2);min-width:38px;text-align:right}#panel label.value-row{display:flex;align-items:center;gap:8px}#panel label.value-row input[type=range]{flex:1;min-width:0;margin-top:0}#panel label.value-row span{font:500 .6875rem/1 var(--mono);color:var(--txt-2);text-align:right;min-width:84px}.lut-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.lut-row{display:flex;align-items:center;gap:6px}.lut-row-name{flex:1;min-width:0;font-size:.78125rem;color:var(--txt-2);overflow-wrap:anywhere}.lut-row button{width:auto;padding:6px 10px;font-size:.78125rem;margin:0;position:relative}.lut-row button:before{content:"";position:absolute;inset:-6px}.slot-more{position:relative;min-width:40px}.slot-more:before{content:"";position:absolute;inset:-6px}#batchDlg{max-height:86vh;overflow-y:auto}.batch-lead{margin:0 0 14px;font-size:.8125rem;line-height:1.5;color:var(--txt-2)}.batch-group{margin:0 0 14px}.batch-group-title{margin:0 0 6px;font-size:.8125rem;font-weight:600;color:var(--txt)}.batch-group-title small{color:var(--txt-3);font-weight:400}.batch-choices{display:flex;flex-wrap:wrap;gap:8px}.batch-choice{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--txt);text-align:left;cursor:pointer}.batch-choice:active{background:var(--surface-3);border-color:var(--accent)}.batch-choice strong{font-size:.875rem}.batch-choice small{font-size:.75rem;line-height:1.4;color:var(--txt-2)}.batch-choice.slim{width:auto;flex-direction:row;padding:8px 14px}.batch-none{margin:4px 0 0;font-size:.78125rem;line-height:1.5;color:var(--txt-3)}.batch-note{margin:2px 0 14px;font-size:.75rem;color:var(--txt-3)}#batchDlg button#batchCancel{width:auto;padding:8px 16px}#infoDlg ol,#infoDlg ul,#helpDlg ol,#helpDlg ul{margin:0 0 14px;padding-left:20px}#infoDlg ul{list-style:none;padding-left:2px}#infoDlg li strong{color:var(--txt);font-variant-numeric:tabular-nums}.info-ver{margin:-6px 0 10px;font:.6875rem/1.4 var(--mono);letter-spacing:.04em;color:var(--txt-3)}#infoDlg h3.rm-head{margin:4px 0 8px;font:600 .875rem/1.2 var(--display)}.more-row{margin:-8px 0 16px;font-size:.75rem}.more-row a{color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.more-row a:active{text-decoration:underline}.hub-row{display:flex;align-items:center;gap:11px;margin:2px 0 16px;padding:10px 12px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);color:var(--txt);text-decoration:none;-webkit-tap-highlight-color:transparent}.hub-row:active{border-color:var(--accent)}.hub-row .hub-mark{flex:none;width:28px;height:28px;border-radius:8px;box-shadow:0 2px 8px #00000059}.hub-row .hub-txt{min-width:0;flex:1}.hub-row strong{display:block;font:600 .875rem/1.25 var(--ui);color:var(--txt)}.hub-row small{display:block;margin-top:2px;font-size:.75rem;line-height:1.35;color:var(--txt-2)}.hub-row .hub-go{flex:none;color:var(--accent);font-size:.9375rem}.roadmap li{display:flex;gap:8px;align-items:baseline}.roadmap .rm-mark{flex:none;width:12px;color:var(--accent);font-size:.75rem}.roadmap li.done{color:var(--txt-3)}.roadmap li.done .rm-mark{color:#4a7a4a}#infoDlg li,#helpDlg li{margin:8px 0;font-size:.8125rem;line-height:1.45}#infoDlg a,#helpDlg a{color:var(--accent);text-decoration:none}#infoDlg a:active,#helpDlg a:active{text-decoration:underline}#infoDlg small,#helpDlg small{color:var(--txt-3)}#infoDlg button,#helpDlg button{width:auto;padding:8px 16px}.theme-toggle{display:inline-flex;align-items:center;gap:9px;width:auto;padding:0;margin:0;border:none;background:none;color:var(--txt-2);font:500 .8125rem/1 var(--ui);cursor:pointer}.theme-toggle .tt-track{width:40px;height:22px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line);position:relative;flex:none;transition:background .15s ease}.theme-toggle .tt-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--txt-2);transition:transform .15s ease,background .15s ease}.theme-toggle[aria-checked=true] .tt-track{background:var(--accent);border-color:var(--accent)}.theme-toggle[aria-checked=true] .tt-knob{transform:translate(18px);background:var(--accent-ink)}.theme-row{display:flex;align-items:center;margin:4px 0 14px;padding-top:12px;border-top:1px solid var(--line)}.open-btn{background:var(--accent);color:var(--accent-ink);font-weight:600;padding:8px 14px;border-radius:9px;cursor:pointer}#stage{grid-area:stage;position:relative;display:grid;place-items:center;overflow:hidden;padding:12px;background:radial-gradient(120% 120% at 50% 30%,var(--bg-2),var(--bg))}#view{position:absolute;inset:12px;margin:auto;max-width:calc(100% - 24px);max-height:calc(100% - 24px);object-fit:contain;border-radius:8px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#histWrap{position:absolute;top:20px;right:20px;z-index:6;padding:6px;border-radius:10px;background:var(--glass-bg);border:1px solid rgba(150,150,170,.4);box-shadow:0 2px 12px #00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}#histogram{display:block;width:200px;height:75px;opacity:.92;pointer-events:auto;cursor:pointer}@media (max-width: 760px){#histWrap{top:12px;right:12px;padding:4px}#histogram{width:150px;height:58px}}#locTip{position:absolute;left:16px;bottom:16px;z-index:7;display:inline-flex;align-items:center;gap:6px;width:auto;height:34px;padding:0 12px;border:1px solid rgba(150,150,170,.4);border-radius:17px;background:var(--glass-bg);color:var(--glass-txt);font:600 .8125rem/1 var(--ui);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#locTip:before{content:"";position:absolute;inset:-5px}#stage.cropping #locTip{display:none}#zoomCtl{position:absolute;right:16px;bottom:16px;z-index:7;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:5px;border:1px solid rgba(150,150,170,.4);border-radius:14px;background:var(--glass-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#zoomCtl button{position:relative;width:40px;height:40px;padding:0;border:1px solid rgba(150,150,170,.35);border-radius:10px;background:transparent;color:var(--glass-txt);font:600 1.25rem/1 var(--ui);cursor:pointer}#zoomCtl #zoomFit{font-size:.8125rem}#zoomCtl button:disabled{opacity:.4;cursor:default}#zoomCtl button:before{content:"";position:absolute;inset:-3px}#zoomCtl #zoomPct{text-align:center;font:600 .6875rem/1 var(--ui);color:var(--glass-txt);padding:1px 0}#stage.cropping #zoomCtl{display:none}#stage.has-session #zoomCtl{bottom:calc(20px + var(--session-h, 110px))}#locDlg h2{margin-top:0;font-size:1.0625rem}.set-row{margin:10px 0 12px;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.set-row .toggle{width:auto}#tatHud{position:absolute;top:20px;left:20px;z-index:6;display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:10px;font:700 .75rem/1 var(--mono);letter-spacing:.02em;color:var(--glass-txt);background:var(--glass-bg);border:1px solid rgba(150,150,170,.4);box-shadow:0 2px 12px #00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.tat-swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.55);flex:none}@media (max-width: 760px){#tatHud{top:12px;left:12px;padding:5px 9px}}#tatBanner,#colorBanner,#healBanner,#healReviewBanner{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:7;width:auto;max-width:min(90%,520px);display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 16px;border-radius:999px;text-align:center;line-height:1.25;font-size:.8125rem;font-weight:600;color:var(--accent-ink);background:var(--accent);border:1px solid var(--accent);box-shadow:0 3px 14px #00000073;cursor:pointer}#tatBanner .tat-banner-off,#colorBanner .tat-banner-off,#healBanner .tat-banner-off,#healReviewBanner .tat-banner-off{font-size:.6875rem;font-weight:500;opacity:.85}#colorBanner,#healBanner,#healReviewBanner{top:auto;bottom:16px}@media (max-width: 760px){#tatBanner,#colorBanner,#healBanner,#healReviewBanner{top:10px;padding:6px 13px;font-size:.75rem}#tatBanner .tat-banner-off,#colorBanner .tat-banner-off,#healBanner .tat-banner-off,#healReviewBanner .tat-banner-off{font-size:.6875rem}#colorBanner,#healBanner,#healReviewBanner{top:auto;bottom:10px}}#cropOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6}#cropOverlay:not([hidden]){pointer-events:auto;cursor:grab;touch-action:none}#cropOverlay,#cropBox,.crop-handle{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#cropBox{position:absolute;border:1.5px solid #fff;box-shadow:0 0 0 9999px #0000008c;pointer-events:none;touch-action:none}.crop-handle{position:absolute;width:44px;height:44px;margin:-22px;background:transparent;pointer-events:auto;cursor:grab;touch-action:none}.crop-handle:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#0c0c10b8;border:2px solid #fff}.crop-handle[data-corner=tl]{top:0;left:0}.crop-handle[data-corner=tr]{top:0;left:100%}.crop-handle[data-corner=bl]{top:100%;left:0}.crop-handle[data-corner=br]{top:100%;left:100%}#cropOverlay.focus-straighten .crop-handle{display:none}#cropGuides{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 0 1px rgba(0,0,0,.7))}#cropOverlay.focus-crop #cropGuides{background-image:repeating-linear-gradient(to right,rgba(255,255,255,.4) 0 1px,transparent 1px calc(100% / 3)),repeating-linear-gradient(to bottom,rgba(255,255,255,.4) 0 1px,transparent 1px calc(100% / 3))}#cropOverlay.focus-straighten #cropGuides{background-image:repeating-linear-gradient(to right,rgba(255,255,255,.28) 0 1px,transparent 1px calc(100% / 6)),repeating-linear-gradient(to bottom,rgba(255,255,255,.28) 0 1px,transparent 1px calc(100% / 6))}#cropTools{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:7;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 16px 12px;border-radius:18px;background:var(--accent-soft);border:1px solid var(--accent);box-shadow:0 3px 14px #00000073;color:var(--txt-1);width:min(88%,360px)}#cropTools .crop-row{display:flex;align-items:center;gap:10px}#cropTools.tool-crop #straighten,#cropTools.tool-crop #straightenVal{display:none}#cropTools .crop-lbl{flex:1;font-size:.8125rem;font-weight:600;color:var(--txt-1)}#cropTools input[type=range]{width:100%;margin:0}#straightenVal{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--txt-1);flex:none;min-width:4ch;text-align:right}#cropTools button{flex:none;width:auto;padding:6px 12px;font-size:.75rem;border-color:var(--accent)}#cropTools button:disabled{opacity:.45}#cropDone{background:var(--accent);color:var(--accent-ink);font-weight:700;padding:7px 18px;box-shadow:0 2px 14px -2px var(--accent)}@media (max-width: 760px){#cropTools{bottom:10px;padding:9px 12px 11px}}#stage.has-session #cropTools{bottom:calc(24px + var(--session-h, 110px))}#hint{color:var(--txt-2);text-align:center;max-width:40ch;margin:0 auto}#welcome{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;padding:22px 26px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);z-index:5;max-width:min(620px,94%);max-height:92%;overflow-y:auto;overscroll-behavior:contain}.welcome-close{position:absolute;top:8px;right:8px;width:30px;height:30px;padding:0;border-radius:50%}.welcome-close:before{content:"";position:absolute;inset:-7px}.welcome-cue{position:sticky;bottom:-22px;margin:-26px -26px -22px;height:40px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;font-size:.75rem;color:var(--txt-2);background:linear-gradient(180deg,transparent,var(--surface) 72%);pointer-events:none;transition:opacity .15s;opacity:0}.welcome-cue.on{opacity:1}.welcome-cue.up{top:-22px;bottom:auto;margin:-22px -26px 0;align-items:flex-start;padding:3px 0 0;background:linear-gradient(0deg,transparent,var(--surface) 72%)}@media (max-height: 880px){#welcome{padding:14px 26px 22px}.welcome-open{margin:10px auto 2px}.welcome-batch{margin:8px auto 2px;padding:8px 16px}.welcome-open-hint,.welcome-batch-hint{font-size:.75rem;line-height:1.4}.ex-title{margin:12px 0 8px}.welcome-div{margin:14px 8px 2px}}.welcome-open{display:inline-block;margin:14px auto 4px;font-size:1rem;padding:10px 22px}.welcome-batch{display:inline-block;margin:10px auto 2px;font-size:.9375rem;padding:9px 20px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--txt);cursor:pointer;width:auto}.welcome-batch:active{background:var(--surface-3)}.welcome-batch-hint{max-width:30rem;margin:2px auto 0;font-size:.78125rem;line-height:1.5;color:var(--txt-3)}.welcome-open-hint{max-width:30rem;margin:2px auto 4px;font-size:.78125rem;line-height:1.5;color:var(--txt-2)}#resumeSession{border-color:var(--accent);color:var(--accent)}.welcome-back{display:block;width:fit-content;margin:0 auto 14px;padding:8px 18px;font-size:.875rem;border-radius:999px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);cursor:pointer}.welcome-back:active{background:var(--surface-3)}#homeBtn{display:inline-flex;align-items:center;gap:6px}#homeBtn svg{display:block}.help-tutorials{display:block;width:100%;margin:0 0 14px;padding:11px 16px;font-size:.875rem;font-weight:600;border-radius:10px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);cursor:pointer;text-align:left}.help-tutorials:active{background:var(--surface-3)}#stage.has-session #view{bottom:calc(20px + var(--session-h, 110px));max-height:calc(100% - 32px - var(--session-h, 110px))}#stage.has-session #colorBanner,#stage.has-session #healBanner,#stage.has-session #healReviewBanner{bottom:calc(24px + var(--session-h, 110px))}#stage.cropping #view{top:30px;left:30px;right:30px;bottom:calc(46px + var(--croptools-h, 66px));max-width:calc(100% - 60px);max-height:calc(100% - 76px - var(--croptools-h, 66px))}#stage.cropping.has-session #view{bottom:calc(46px + var(--croptools-h, 66px) + var(--session-h, 110px));max-height:calc(100% - 76px - var(--croptools-h, 66px) - var(--session-h, 110px))}@media (max-width: 760px){#stage.cropping #view{top:22px;left:22px;right:22px;bottom:calc(22px + var(--croptools-h, 66px));max-width:calc(100% - 44px);max-height:calc(100% - 44px - var(--croptools-h, 66px))}}#sessionStrip{position:absolute;left:12px;right:12px;bottom:12px;z-index:7;padding:8px 10px 10px;border-radius:12px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(150,150,170,.4);box-shadow:var(--shadow)}.session-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 8px}#sessionMeta{font:.6875rem/1.3 var(--mono);letter-spacing:.02em;color:var(--glass-txt-2)}.session-done{flex:none;width:auto;min-height:44px;padding:5px 16px;font-size:.8125rem;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--txt);cursor:pointer}.session-done:active{background:var(--surface-3)}@media (hover: hover){.session-done:hover{background:var(--surface-3);border-color:var(--line-2)}}.session-done:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.session-done[disabled]{opacity:.6;cursor:default}.session-progress{height:4px;margin:0 2px 8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.session-progress-bar{height:100%;width:0;border-radius:999px;background:var(--accent);transition:width .2s ease}@media (prefers-reduced-motion: reduce){.session-progress-bar{transition:none}}.session-thumbs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;padding-bottom:2px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;cursor:grab}.session-thumbs.dragging{cursor:grabbing;scroll-behavior:auto}.session-thumbs.dragging .session-thumb{pointer-events:none}@media (prefers-reduced-motion: reduce){.session-thumbs{scroll-behavior:auto}}.session-thumb{flex:none;width:92px;height:66px;padding:0;border-radius:8px;border:2px solid transparent;background:var(--surface-2);overflow:hidden;cursor:pointer;position:relative;transition:border-color .12s ease,transform .12s ease}.session-thumb img{width:100%;height:100%;object-fit:cover;display:block}.session-thumb-name{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:4px;font:.6875rem/1.2 var(--mono);color:var(--glass-txt-2);text-align:center;word-break:break-word}.session-thumb-tag{position:absolute;left:3px;bottom:3px;padding:1px 5px;border-radius:4px;font:600 .5625rem/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;background:var(--glass-bg);color:var(--glass-txt-2);border:1px solid var(--line-2);pointer-events:none}.session-thumb.provisional img{opacity:.82}.session-thumb.saving{opacity:.55;border-style:dotted;border-color:var(--line-2);cursor:progress}@media (hover: hover){.session-thumb:hover{border-color:var(--line-2);transform:translateY(-1px)}}.session-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.session-thumb.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 14px var(--accent-soft);transform:translateY(-2px)}@media (max-width: 640px){#sessionStrip{left:8px;right:8px;bottom:8px;padding:6px 8px 8px}.session-thumb{width:76px;height:56px}}#quickLook,#library{position:fixed;inset:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:0;border:none;z-index:40;flex-direction:column;background:var(--bg);color:var(--txt)}#quickLook[open],#library[open]{display:flex}#quickLook::backdrop,#library::backdrop{background:transparent}.ql-h{margin:0;font:600 1rem/1.3 var(--display);display:inline}.lib-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px 24px}.lib-body .gallery-list{margin:0 auto}.lib-group{max-width:760px;margin:18px auto 8px;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:var(--txt-3)}.lib-group:first-child{margin-top:4px}.ql-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.ql-title{display:flex;align-items:baseline;gap:10px;min-width:0}.ql-title strong{font:600 1rem/1.2 var(--display)}#qlCount{font:.6875rem/1.3 var(--mono);color:var(--txt-2)}.ql-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ql-btn{width:auto;padding:8px 14px;font-size:.8125rem;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--txt);cursor:pointer}.ql-btn:active{background:var(--surface-3)}.ql-btn:disabled{opacity:.45;cursor:default}.ql-keep{border-color:var(--accent);color:var(--accent)}.ql-keep:not(:disabled){background:var(--accent-soft)}.ql-grid{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-content:start}.ql-tile{display:flex;flex-direction:column;gap:6px;padding:0;background:none;border:none;cursor:pointer;position:relative;min-width:0}.ql-tile img{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:var(--surface-2);border-radius:10px;border:2px solid transparent;display:block}.ql-tile.selected img{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 16px var(--accent-soft)}.ql-check{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#fff;background:var(--glass-bg);border:1.5px solid rgba(255,255,255,.5);opacity:0;transition:opacity .12s ease}.ql-tile.selected .ql-check{opacity:1;background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.ql-name{font:.6875rem/1.3 var(--mono);color:var(--txt-2);text-align:center;word-break:break-word}.ql-tile.ql-bad{cursor:default;align-items:center;justify-content:center}.ql-tile.ql-bad:before{content:"";width:100%;aspect-ratio:1 / 1;background:var(--surface-2);border:2px dashed rgba(255,120,120,.4);border-radius:10px}.ql-bad-mark{position:absolute;top:0;left:0;right:0;height:calc(100% - 24px);display:flex;align-items:center;justify-content:center;font-size:1.625rem;color:#ff8c8cbf}.ql-pos{position:absolute;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);padding:8px 16px;border-radius:999px;background:var(--glass-bg);color:var(--glass-txt);font:600 .75rem/1.3 var(--mono);letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:1}.ql-pos.show{opacity:1}.batch-link{width:auto;display:inline;padding:0;border:none;background:none;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline}.bar-actions-wrap{display:inline-flex;min-width:0}.bar-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}body:has(#welcome:not([hidden])) :is(#homeBtn,#undoBtn,#redoBtn,#resetBtn,#origBtn,#histBtn,.bar-sep){display:none}.bar-actions .bar-sep{width:1px;height:22px;background:var(--line);flex:none}.bar-btn{min-height:44px;width:auto;padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--txt-2);font:.8125rem/1.2 var(--ui);display:inline-flex;align-items:center;gap:6px}.bar-btn:active{background:var(--surface-3)}.bar-btn:disabled{opacity:.4}.bar-btn.primary,.open-btn{display:inline-flex;align-items:center}label.open-btn,label.bar-btn{display:inline-flex;align-items:center;cursor:pointer}.lesson-show{position:absolute;left:20px;top:20px;width:38px;height:38px;padding:0;border-radius:50%;font:600 1.0625rem/1 var(--ui);background:var(--glass-bg);border:1px solid rgba(150,150,170,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--glass-txt);z-index:10}.ex-title{color:var(--txt-2);margin:20px 0 12px;font-size:.875rem}#lesson{position:absolute;left:20px;top:20px;max-width:280px;background:var(--glass-bg);border:1px solid rgba(150,150,170,.4);border-radius:12px;padding:14px 16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow);z-index:10}#lesson{color:var(--glass-txt)}#lesson h2{margin:0 0 8px;font:600 .875rem/1.2 var(--display)}#lesson ol{margin:0 0 10px;padding-left:18px;font-size:.8125rem;color:var(--glass-txt)}#lesson li{margin:6px 0;line-height:1.4}#lesson button{width:auto;padding:6px 14px}.gallery-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-width:760px;margin:0 auto}.gal{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:0;overflow:hidden;cursor:pointer;color:inherit;text-align:left}.gal img{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block}.gal span{display:block;padding:6px 8px;font-size:.75rem;color:var(--txt);line-height:1.3}.gal:active{border-color:var(--accent)}.gal-stack{position:relative;aspect-ratio:3 / 2}.gal-stack img{position:absolute;left:50%;top:50%;width:72%;height:auto;aspect-ratio:3 / 2;border-radius:5px;border:2px solid rgba(255,255,255,.92);box-shadow:0 3px 10px #00000059}.gal-stack img:nth-child(1){transform:translate(-50%,-50%) rotate(-8deg) translate(-9%,2%)}.gal-stack img:nth-child(2){transform:translate(-50%,-50%) rotate(7deg) translate(9%,-2%)}.gal-stack img:nth-child(3){transform:translate(-50%,-50%) rotate(-1.5deg) scale(1.06)}.gal-library small{font-size:.6875rem;color:var(--txt-3)}.lesson-chips{position:absolute;left:16px;top:14px;display:flex;flex-wrap:wrap;gap:7px;max-width:calc(100% - 32px);z-index:11}.chip{position:relative;display:inline-flex;align-items:center;gap:6px;width:auto;flex:0 0 auto;height:34px;padding:0 12px 0 9px;border:1px solid rgba(150,150,170,.4);border-radius:17px;background:var(--glass-bg);color:var(--glass-txt);font:600 .8125rem/1 var(--ui);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chip:before{content:"";position:absolute;inset:-5px 0}.chip .chip-n{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--surface-3);color:var(--txt);font:700 .75rem/1 var(--mono)}.chip.active{border-color:var(--accent);color:var(--txt)}.chip.active .chip-n{background:var(--accent);color:var(--accent-ink)}.chip-exit{padding:0 12px;color:var(--txt-2)}#stage.learn #lesson{top:58px}@media (max-width: 640px){#stage.learn #lesson{top:92px;max-width:calc(100% - 32px)}}#panel{grid-area:panel;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:12px 12px 0;flex:none}.ptab{width:100%;padding:15px 4px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--txt-2);font:500 .75rem/1 var(--ui);cursor:pointer}.ptab.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.section-head{flex:none;padding:12px 14px 8px}.section-title{margin:0;font:600 .9375rem/1.2 var(--display);color:var(--txt)}.section-sub{margin:2px 0 0;font-size:.75rem;line-height:1.35;color:var(--txt-3)}.panel-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 14px 16px}.section>*:first-child{margin-top:0}.divider{border:none;border-top:1px solid var(--line);margin:14px 0}.sub-title{font:600 .8125rem/1.3 var(--display);color:var(--txt);margin:12px 0 6px;display:flex;align-items:baseline;gap:8px}.sub-title span{font:400 .6875rem/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3)}.note{display:block;margin:6px 0;font-size:.75rem;line-height:1.45;color:var(--txt-3);text-align:left}.note.footnote{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.note-inline{font-size:.6875rem;color:var(--txt-3)}.accent-outline{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);font-weight:600;padding:10px;border-radius:9px;min-height:44px}.accent-outline:active{background:var(--surface-3)}.full-btn{width:100%}.looks-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:4px 0}.looks-grid button{padding:8px 6px 6px;font-size:.78125rem;color:var(--txt);display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:9px}.looks-grid button.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.looks-grid button.active .look-sub{color:var(--accent-ink)}.subcard{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:4px 12px 12px;margin:10px 0 0}.subcard .sub-title{margin-top:10px}.band-sq{width:14px;height:14px;border-radius:4px;flex:none;display:inline-block;vertical-align:-2px;margin-right:2px}.band-sq-sky{background:linear-gradient(135deg,#12b6ff,#2f6fd6)}.band-sq-fol{background:linear-gradient(135deg,#ff5e7e,#ff9e45)}.check-row{display:flex;align-items:center;gap:8px;text-align:left}.check-row input{width:auto}#panel label{display:block;margin:0;padding:6px 0 8px;min-height:44px;font:500 .78125rem/1.3 var(--ui);color:var(--txt-2);text-align:left}#panel label input[type=range]{margin-top:4px}#panel label small{color:var(--txt-3);font-weight:400}#panel .band label,#panel .subcard label{min-height:40px}#panel section>button{margin:6px 0}#panel .mask-add button,#panel .mask-editor-actions button,#panel .slot button,#panel .looks-grid button{margin:0}#busy{background:transparent;border:none;padding:0;z-index:20}#busy::backdrop{background:#0000008c}.busy-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 28px;text-align:center;min-width:220px;box-shadow:var(--shadow)}.busy-card p{margin:12px 0 0;color:var(--txt)}.spinner{width:28px;height:28px;margin:0 auto;border:3px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#busyActions{display:flex;gap:8px;margin-top:16px}#busyActions button{flex:1}#busyActions .primary{background:var(--accent);color:var(--accent-ink);font-weight:600;border-color:var(--accent)}#infoDlg .coffee{color:var(--accent);text-decoration:underline;font-size:.8125rem}.coffee-row{font-size:.8125rem;color:var(--txt-2)}.coffee-row a{margin-left:6px}#maskOverlay,#healOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}#healOverlay .heal-spot{fill:none;stroke:#ffffffe6;stroke-width:1.5;stroke-dasharray:4 3;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.8))}#healOverlay .heal-active{stroke:var(--accent);stroke-width:2}#healOverlay .heal-preview{stroke:var(--accent);stroke-dasharray:2 3;opacity:.9}#healOverlay .heal-done{stroke:var(--accent);stroke-width:2;stroke-dasharray:none}#stickerOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}#stickerOverlay .sticker-box{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:7 4;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.85))}#stickerOverlay .sticker-corner{fill:#0c0c10c7;stroke:#fff;stroke-width:2.5;pointer-events:auto;cursor:grab;touch-action:none;filter:drop-shadow(0 0 2px rgba(0,0,0,.9))}#stickerOverlay .sticker-size{fill:#fff;stroke:var(--accent);stroke-width:2.5;pointer-events:auto;cursor:nwse-resize;touch-action:none;filter:drop-shadow(0 0 2px rgba(0,0,0,.9))}#stickerOverlay .sticker-rotate{fill:var(--accent);stroke:#fff;stroke-width:2.5;pointer-events:auto;cursor:grab;touch-action:none;filter:drop-shadow(0 0 2px rgba(0,0,0,.9))}#stickerOverlay .sticker-stem{stroke:#fff;stroke-width:2;stroke-dasharray:3 3;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.85))}#stickerGhost{position:fixed;pointer-events:none;z-index:4;opacity:.92;will-change:transform,left,top}#maskOverlay .mask-shape{fill:#78c8ff0f;stroke:#82cdffe6;stroke-width:1.5;stroke-dasharray:6 4}#maskOverlay .mask-line{stroke:#82cdffe6;stroke-width:1.5;stroke-dasharray:6 4}#maskOverlay .mask-handle{fill:#0c0c10b8;stroke:#82cdff;stroke-width:2;pointer-events:auto;cursor:grab;touch-action:none}.mask-add{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.mask-add button{width:auto;padding:6px 12px;font-size:.8125rem}.color-swatch{width:20px;height:20px;border-radius:5px;border:1px solid rgba(255,255,255,.45);background:var(--surface-3);flex:none;align-self:center}.mask-list{display:flex;flex-direction:column;gap:4px}.mask-row{display:flex;align-items:center;gap:6px}.mask-row .mask-pick{flex:1;text-align:left;padding:6px 10px;font-size:.8125rem;color:var(--txt)}.mask-row .mask-pick.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.mask-row .mask-del{width:auto;padding:6px 10px;font-size:.8125rem}#maskEditor{margin-top:10px}.mask-editor-actions{display:flex;gap:6px;margin-top:8px}.mask-editor-actions button{width:auto;padding:6px 12px;font-size:.8125rem}#unsupported{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.unsupported-card{max-width:480px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 26px;color:var(--txt);font-size:.875rem;line-height:1.5}.unsupported-card h2{margin:0 0 10px;font:600 1.0625rem/1.2 var(--display)}.unsupported-card ul{margin:6px 0 12px;padding-left:20px}.unsupported-card li{margin:6px 0}.a2hs{display:flex;align-items:center;gap:10px;justify-content:center;margin:14px auto 0;max-width:560px;padding:8px 12px;border:1px solid var(--accent);border-radius:10px;background:var(--accent-soft);font-size:.8125rem;color:var(--txt)}.a2hs .share-ico{color:var(--accent);font-size:.9375rem}.a2hs button{width:auto;padding:5px 10px;font-size:.8125rem}.a2hs .a2hs-close{background:none;border:none;color:var(--txt-3);font-size:.875rem;cursor:pointer;padding:12px;margin:-12px}.hsl-chips{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap;justify-content:center}.hsl-chip{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.15);padding:0;cursor:pointer}.hsl-chip.active{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.hsl-chip.tweaked{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);position:relative}.hsl-chip.tweaked:after{content:"";position:absolute;left:50%;bottom:-7px;width:4px;height:4px;border-radius:50%;transform:translate(-50%);background:var(--txt)}.slot-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.slot{display:flex;align-items:center;gap:8px}.slot-name{flex:1;font-size:.8125rem;color:var(--txt-2)}.slot button{width:auto;padding:6px 12px;font-size:.8125rem}.slot button:disabled{opacity:.4}.look-sub{font:400 .6875rem/1.2 var(--mono);color:var(--txt-3);min-height:13px}@media (max-width: 760px){#app{grid-template-columns:1fr;grid-template-areas:"bar" "stage" "panel";grid-template-rows:auto 1fr auto}#app:has(#panel[hidden]){grid-template-columns:1fr}#panel{border-left:none;border-top:1px solid var(--line);max-height:45dvh}.bar{flex-wrap:wrap;padding-bottom:6px;min-width:0}.bar-actions-wrap{position:relative;width:100%;min-width:0}.bar-actions{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;width:100%;min-width:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bar-actions::-webkit-scrollbar{display:none}.bar-actions .bar-btn{flex:none;white-space:nowrap}.bar-actions-wrap:before,.bar-actions-wrap:after{position:absolute;top:0;bottom:0;width:30px;display:flex;align-items:center;font:700 1.0625rem/1 var(--ui);color:var(--txt-2);opacity:0;transition:opacity .15s;pointer-events:none;z-index:1}.bar-actions-wrap:before{content:"‹";left:0;justify-content:flex-start;padding-left:1px;background:linear-gradient(90deg,var(--surface) 35%,transparent)}.bar-actions-wrap:after{content:"›";right:0;justify-content:flex-end;padding-right:1px;background:linear-gradient(-90deg,var(--surface) 35%,transparent)}.bar-actions-wrap.scroll-left:before{opacity:1}.bar-actions-wrap.scroll-right:after{opacity:1}.bar{min-height:44px;gap:6px 10px;padding-left:10px;padding-right:10px;padding-bottom:4px}.bar-btn{padding:6px 10px}.panel-tabs{padding:8px 10px 0;gap:4px}.ptab{padding:7px 4px}.panel-body{padding:2px 10px 12px}#panel label{min-height:40px;padding:4px 0 6px}#panel .band label,#panel .subcard label{min-height:36px}#stage{padding:8px}#view{inset:8px;max-width:calc(100% - 16px);max-height:calc(100% - 16px)}}#helpDlg{max-width:min(640px,92vw);max-height:82vh;overflow-y:auto}.help-body{font-size:.8125rem;color:var(--txt);line-height:1.5}.help-body .from-app{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:10px 0}.help-body .from-app p{margin:0}.help-body .from-app a{color:var(--accent);font-weight:600}.inline-btn{width:auto;display:inline-block;padding:5px 10px;border-radius:999px}.wm-note{font-size:.71875rem;line-height:1.45;color:var(--txt-3);margin:6px 0 8px}.help-body h3{margin:14px 0 6px;font:600 .8125rem/1.3 var(--display);color:var(--txt)}.help-body p{margin:6px 0}.badge{font:700 .6875rem/1.3 var(--mono);background:var(--surface-3);border:1px solid var(--line);border-radius:4px;padding:1px 4px;color:var(--accent);vertical-align:1px;white-space:nowrap}.scroll-cue{position:sticky;display:flex;justify-content:center;height:0;overflow:visible;z-index:6;pointer-events:none}.scroll-cue span{display:inline-block;background:var(--surface-3);border:1px solid var(--line-2);border-radius:999px;padding:4px 0;width:44px;text-align:center;font-size:.75rem;color:var(--txt);box-shadow:0 2px 10px #0009;white-space:nowrap}.scroll-cue.up{top:4px}.scroll-cue.down{bottom:10px}.scroll-cue.down span{transform:translateY(-100%)}.look-sub{display:flex;gap:3px;align-items:center}.seg{border:1px solid var(--line);border-radius:3px;padding:0 4px;font:.6875rem/1.1 var(--mono);color:var(--txt-3);background:transparent}.looks-grid button.active .seg{border-color:var(--accent-ink);color:var(--accent-ink)}.looks-grid button.active .seg.on{background:var(--accent-ink);color:var(--accent);border-color:var(--accent-ink);font-weight:600}.band-title{text-align:center;margin:12px 0 2px;font-size:.8125rem;font-weight:600;color:var(--txt)}.band-title small{color:var(--txt-3);font-weight:400}#pcReset{margin-top:8px}.welcome-div{border:none;border-top:1px solid var(--line);margin:20px 8px 4px}#toneSvg{width:100%;aspect-ratio:1 / 1;height:auto;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;touch-action:none;display:block;overflow:visible;margin:8px 2px}.tone-grid{stroke:var(--line);stroke-width:.6}.tone-diag{stroke:var(--line-2);stroke-width:.8;stroke-dasharray:3 3}.tone-path{stroke:var(--accent);stroke-width:1.6;fill:none;vector-effect:non-scaling-stroke}.tone-dot{fill:var(--txt);stroke:var(--accent);stroke-width:1.4;cursor:ns-resize}.band{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:2px 10px 8px;margin:8px 0}.lesson-next{font-size:.75rem;color:var(--glass-txt-2);margin:0 0 10px;line-height:1.45;border-top:1px solid var(--line-2);padding-top:8px}.lesson-next strong{color:var(--glass-txt)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation:none!important;border-top-color:var(--line-2)!important}}.tone-path.tone-r{stroke:#e05c5c}.tone-path.tone-g{stroke:#3fae5a}.tone-path.tone-b{stroke:#5b8def}#infoDlg button,#helpDlg button,#infoDlg .set-row button,#infoDlg .theme-row button{min-height:44px}.coffee-row a{display:inline-flex;align-items:center;min-height:44px}small{font-size:max(.6875rem,.8em)}.welcome-batch,.home-link{min-height:44px}.pal-row{display:block}.pal-head{margin:0 0 8px;font:600 .875rem/1.2 var(--display);color:var(--txt)}.pal-picker{display:flex;flex-direction:column;gap:8px}.pal-opt{display:block;width:100%;min-height:44px;margin:0;padding:9px 12px;text-align:left;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);color:var(--txt);cursor:pointer}.pal-opt[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.pal-name{display:block;font:500 .875rem/1.3 var(--ui)}.pal-opt[aria-checked=true] .pal-name{font-weight:700}.pal-opt[aria-checked=true] .pal-name:after{content:" — in use";font-weight:500;color:var(--txt-2)}.pal-note{display:block;margin-top:2px;font-size:.75rem;line-height:1.35;color:var(--txt-2)}#infoDlg a:not(.hub-row),#helpDlg a:not(.hub-row){text-decoration:underline;text-underline-offset:2px}.more-row a,.coffee-row a{text-decoration:underline;text-underline-offset:2px}@media (prefers-contrast: more){:root{--txt-3: var(--txt-2);--line: var(--line-2)}}::selection{background:var(--accent-soft);color:var(--txt)}.pal-opt{display:flex;align-items:center;gap:12px}.pal-sw{flex:none;display:flex;width:76px;height:46px;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line-2)}.pal-sw-half{flex:1;display:grid;place-items:center}.pal-sw-half[data-mode=night]{background:var(--sw-n-page)}.pal-sw-half[data-mode=day]{background:var(--sw-d-page)}.pal-sw-card{position:relative;width:26px;height:20px;border-radius:4px;display:flex;align-items:center;padding:0 4px}.pal-sw-half[data-mode=night] .pal-sw-card{background:var(--sw-n-surface);border:1px solid var(--sw-n-rail)}.pal-sw-half[data-mode=day] .pal-sw-card{background:var(--sw-d-surface);border:1px solid var(--sw-d-rail)}.pal-sw-card i{display:block;width:11px;height:3px;border-radius:2px}.pal-sw-half[data-mode=night] .pal-sw-card i{background:var(--sw-n-txt)}.pal-sw-half[data-mode=day] .pal-sw-card i{background:var(--sw-d-txt)}.pal-sw-card b{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%}.pal-sw-half[data-mode=night] .pal-sw-card b{background:var(--sw-n-accent)}.pal-sw-half[data-mode=day] .pal-sw-card b{background:var(--sw-d-accent)}.pal-sw[data-pal=instrument]{--sw-n-page: var(--pal-instrument-night-page);--sw-n-surface: var(--pal-instrument-night-surface);--sw-n-rail: var(--pal-instrument-night-rail);--sw-n-txt: var(--pal-instrument-night-txt);--sw-n-accent: var(--pal-instrument-night-accent);--sw-d-page: var(--pal-instrument-day-page);--sw-d-surface: var(--pal-instrument-day-surface);--sw-d-rail: var(--pal-instrument-day-rail);--sw-d-txt: var(--pal-instrument-day-txt);--sw-d-accent: var(--pal-instrument-day-accent)}.pal-sw[data-pal=paper]{--sw-n-page: var(--pal-paper-night-page);--sw-n-surface: var(--pal-paper-night-surface);--sw-n-rail: var(--pal-paper-night-rail);--sw-n-txt: var(--pal-paper-night-txt);--sw-n-accent: var(--pal-paper-night-accent);--sw-d-page: var(--pal-paper-day-page);--sw-d-surface: var(--pal-paper-day-surface);--sw-d-rail: var(--pal-paper-day-rail);--sw-d-txt: var(--pal-paper-day-txt);--sw-d-accent: var(--pal-paper-day-accent)}.pal-sw[data-pal=mono]{--sw-n-page: var(--pal-mono-night-page);--sw-n-surface: var(--pal-mono-night-surface);--sw-n-rail: var(--pal-mono-night-rail);--sw-n-txt: var(--pal-mono-night-txt);--sw-n-accent: var(--pal-mono-night-accent);--sw-d-page: var(--pal-mono-day-page);--sw-d-surface: var(--pal-mono-day-surface);--sw-d-rail: var(--pal-mono-day-rail);--sw-d-txt: var(--pal-mono-day-txt);--sw-d-accent: var(--pal-mono-day-accent)}.pal-sw[data-pal=soft]{--sw-n-page: var(--pal-soft-night-page);--sw-n-surface: var(--pal-soft-night-surface);--sw-n-rail: var(--pal-soft-night-rail);--sw-n-txt: var(--pal-soft-night-txt);--sw-n-accent: var(--pal-soft-night-accent);--sw-d-page: var(--pal-soft-day-page);--sw-d-surface: var(--pal-soft-day-surface);--sw-d-rail: var(--pal-soft-day-rail);--sw-d-txt: var(--pal-soft-day-txt);--sw-d-accent: var(--pal-soft-day-accent)}.pal-txt{min-width:0;flex:1}