:root{--bg-studio: #141416;--surface-panel: #1c1c1f;--surface-elevated: #242428;--border-color: rgba(255, 255, 255, .1);--text-primary: #f4f4f6;--text-secondary: #b4b4bb;--text-muted: #7d7d87;--accent-primary: #3b82f6;--accent-soft: rgba(59, 130, 246, .22);--accent-border: #60a5fa;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Monaco, Consolas, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}[data-surround=n5-gray]{--bg-studio: #777777;--surface-panel: #262629;--surface-elevated: #303034;--border-color: rgba(255, 255, 255, .14)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background-color:var(--bg-studio);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;transition:background-color .2s ease;overflow-x:hidden;overscroll-behavior-y:none}button,input,select,label{touch-action:manipulation;font-family:inherit}button{user-select:none;-webkit-user-select:none}.panel{background:var(--surface-panel);border:1px solid var(--border-color);border-radius:14px;padding:.95rem;box-shadow:0 8px 24px #00000038}@media(min-width:768px){.panel{padding:1.2rem 1.3rem}}.panel-header{display:flex;flex-direction:column;align-items:stretch;gap:.7rem;margin-bottom:.75rem}@media(min-width:640px){.panel-header{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}}.panel-header h2{font-size:1.02rem;font-weight:600;margin:0;line-height:1.25}.subtitle{margin:.2rem 0 0;font-size:.78rem;line-height:1.35;color:var(--text-muted)}.segmented-control{display:flex;width:100%;background:var(--surface-elevated);padding:3px;border-radius:10px;border:1px solid var(--border-color);gap:3px}@media(min-width:640px){.segmented-control{width:auto;display:inline-flex}}@media(max-width:639px){.segmented-control{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.segmented-control::-webkit-scrollbar{display:none}.segmented-control button{flex:0 0 auto}}.segmented-control button{flex:1;background:transparent;border:none;color:var(--text-secondary);font-size:.76rem;font-weight:600;min-height:38px;padding:.4rem .65rem;border-radius:7px;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease,transform .1s ease}.segmented-control button:active{transform:scale(.97)}.segmented-control button.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 6px #00000040}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:var(--accent-primary);color:#fff;border:1px solid var(--accent-border);border-radius:9px;min-height:42px;padding:.5rem .9rem;font-size:.82rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.btn-primary:active{transform:scale(.97);background:#1d4ed8}@media(hover:hover){.btn-primary:hover{background:#2563eb}}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-color);border-radius:9px;min-height:42px;padding:.5rem .85rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .1s ease}.btn-secondary:active{transform:scale(.97);background:#ffffff14}@media(hover:hover){.btn-secondary:hover{border-color:#ffffff4d}}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:9px;min-height:40px;padding:.45rem .75rem;font-size:.78rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease}.btn-ghost:active{background:#ffffff1a;color:var(--text-primary)}@media(hover:hover){.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}}.badge{font-size:.74rem;font-family:var(--font-mono);padding:.22rem .55rem;border-radius:6px;background:var(--surface-elevated);border:1px solid var(--border-color);color:#93c5fd;white-space:nowrap}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:34px;background:transparent;cursor:pointer;margin:0;padding:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.08)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--accent-primary);box-shadow:0 2px 6px #00000073;margin-top:-9px;transition:transform .1s ease,box-shadow .1s ease}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 6px #3b82f640}input[type=range]::-moz-range-track{width:100%;height:8px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.08)}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--accent-primary);box-shadow:0 2px 6px #00000073;transition:transform .1s ease,box-shadow .1s ease}input[type=range]:active::-moz-range-thumb{transform:scale(1.15);box-shadow:0 0 0 6px #3b82f640}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}.explorer-grid.svelte-1i36pio{display:grid;grid-template-columns:1.08fr 1fr;gap:1.25rem}@media(max-width:980px){.explorer-grid.svelte-1i36pio{grid-template-columns:1fr}}.canvas-stage.svelte-1i36pio{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.slice-canvas.svelte-1i36pio{width:100%;height:auto;aspect-ratio:3 / 2;border-radius:10px;border:1px solid var(--border-color);cursor:crosshair;touch-action:none}.axis-captions.svelte-1i36pio{display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:.75rem;row-gap:.15rem;font-size:.75rem;color:var(--text-muted)}.munsell-section.svelte-1i36pio{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-color)}.section-title-row.svelte-1i36pio{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.65rem}.section-title-row.svelte-1i36pio h3:where(.svelte-1i36pio){font-size:.85rem;font-weight:600;margin:0}.munsell-matrix.svelte-1i36pio{display:flex;flex-direction:column;gap:4px}.munsell-row.svelte-1i36pio{display:grid;grid-template-columns:28px repeat(8,1fr);gap:4px;align-items:center}@media(pointer:coarse){.munsell-cell.svelte-1i36pio{height:32px}.munsell-row.svelte-1i36pio{grid-template-columns:24px repeat(8,1fr);gap:3px}}.munsell-v-label.svelte-1i36pio{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono)}.munsell-cell.svelte-1i36pio{height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.12);cursor:pointer;padding:0;transition:transform .1s ease}.munsell-cell.svelte-1i36pio:hover:not(:disabled){transform:scale(1.08);border-color:#fff;z-index:2}.munsell-cell.out-of-gamut.svelte-1i36pio{border:1px dashed rgba(255,255,255,.08);cursor:not-allowed;background:repeating-linear-gradient(45deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 4px,transparent 4px,transparent 8px)}.active-swatch-card.svelte-1i36pio{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.swatch-split.svelte-1i36pio{display:grid;grid-template-columns:2fr 1fr;height:78px;border-radius:10px;overflow:hidden;border:1px solid var(--border-color)}.swatch-color.svelte-1i36pio,.swatch-value.svelte-1i36pio{display:flex;align-items:flex-end;padding:.5rem .65rem}.swatch-tag.svelte-1i36pio{font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:4px;background:#0f1012b8;color:#f3f4f6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.swatch-meta.svelte-1i36pio{display:flex;flex-direction:column;gap:.55rem}.hex-row.svelte-1i36pio{display:flex;gap:.6rem;align-items:center}.hex-input.svelte-1i36pio{font-family:var(--font-mono);font-size:1rem;font-weight:600;background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:.45rem .65rem;flex:1;min-width:0}.pill-row.svelte-1i36pio{display:flex;flex-wrap:wrap;gap:.45rem}.meta-pill.svelte-1i36pio{font-size:.75rem;padding:.2rem .55rem;border-radius:999px;background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border-color)}.meta-pill.warn.svelte-1i36pio{border-color:#d97706;color:#fbbf24}.coord-group.svelte-1i36pio{padding:.85rem 0;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem}.coord-group.svelte-1i36pio:last-child{border-bottom:none;padding-bottom:0}.group-header.svelte-1i36pio{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.15rem .5rem;margin-bottom:.15rem}.group-header.svelte-1i36pio h3:where(.svelte-1i36pio){font-size:.84rem;font-weight:600;margin:0}.group-header.svelte-1i36pio code:where(.svelte-1i36pio){font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono);word-break:break-all}.slider-row.svelte-1i36pio{display:grid;grid-template-columns:132px 1fr 58px;align-items:center;gap:.6rem;font-size:.8rem}@media(max-width:640px){.slider-row.svelte-1i36pio{grid-template-columns:1fr auto;grid-template-areas:"label val" "slider slider";gap:.1rem .5rem}.slider-label.svelte-1i36pio{grid-area:label}.slider-row.svelte-1i36pio>input:where(.svelte-1i36pio){grid-area:slider}.slider-val.svelte-1i36pio{grid-area:val}}.slider-label.svelte-1i36pio{color:var(--text-secondary);display:flex;align-items:baseline;gap:.35rem}.hint.svelte-1i36pio{font-size:.68rem;color:var(--text-muted)}.slider-val.svelte-1i36pio{text-align:right;font-family:var(--font-mono);font-size:.78rem;color:var(--text-primary)}.harmony-layout.svelte-1bv5q2n{display:grid;grid-template-columns:1fr 1.15fr;gap:1.25rem}@media(max-width:980px){.harmony-layout.svelte-1bv5q2n{grid-template-columns:1fr}}.wheel-stage.svelte-1bv5q2n{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.75rem 0}.wheel-canvas.svelte-1bv5q2n{width:min(340px,100%);height:auto;aspect-ratio:1;cursor:grab;touch-action:none}.wheel-canvas.svelte-1bv5q2n:active{cursor:grabbing}.wheel-mode-explainer.svelte-1bv5q2n{font-size:.79rem;line-height:1.45;color:var(--text-secondary);background:var(--surface-elevated);padding:.65rem .85rem;border-radius:8px;border:1px solid var(--border-color);width:100%}.submode-tabs.svelte-1bv5q2n{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.submode-btn.svelte-1bv5q2n{padding:.55rem .75rem;min-height:44px;border-radius:8px;border:1px solid var(--border-color);background:var(--surface-elevated);color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer}@media(max-width:640px){.submode-btn.svelte-1bv5q2n{font-size:.76rem;padding:.5rem .55rem}}.submode-btn.active.svelte-1bv5q2n{background:var(--accent-soft);color:#fff;border-color:var(--accent-border)}.rules-grid.svelte-1bv5q2n{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.5rem}.rule-card.svelte-1bv5q2n{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-height:52px;padding:.55rem .7rem;border-radius:8px;background:var(--surface-elevated);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;text-align:left}.rule-card.selected.svelte-1bv5q2n{border-color:#60a5fa;background:#3b82f624}.rule-title.svelte-1bv5q2n{font-size:.8rem;font-weight:600}.rule-offsets.svelte-1bv5q2n{font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted)}.rule-desc.svelte-1bv5q2n{font-size:.8rem;color:var(--text-secondary);margin:.65rem 0 1rem}.mask-sliders.svelte-1bv5q2n{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:8px;background:var(--surface-elevated);border:1px solid var(--border-color);margin-bottom:1rem}.slider-row.svelte-1bv5q2n{display:grid;grid-template-columns:120px 1fr 48px;align-items:center;gap:.6rem;font-size:.8rem}@media(max-width:640px){.slider-row.svelte-1bv5q2n{grid-template-columns:1fr auto;grid-template-areas:"label val" "slider slider";gap:.1rem .5rem}.slider-row.svelte-1bv5q2n>span:where(.svelte-1bv5q2n):first-child{grid-area:label}.slider-row.svelte-1bv5q2n>input:where(.svelte-1bv5q2n){grid-area:slider}.mono-val.svelte-1bv5q2n{grid-area:val}}.mono-val.svelte-1bv5q2n{font-family:var(--font-mono);text-align:right;font-size:.78rem}.harmony-results.svelte-1bv5q2n{border-top:1px solid var(--border-color);padding-top:1rem}.results-header.svelte-1bv5q2n{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem}.results-header.svelte-1bv5q2n h3:where(.svelte-1bv5q2n){font-size:.88rem;margin:0}.node-cards.svelte-1bv5q2n{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:.65rem}.node-card.svelte-1bv5q2n{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:9px;overflow:hidden;display:flex;flex-direction:column}.node-swatch.svelte-1bv5q2n{height:76px;border:none;cursor:pointer;display:flex;align-items:flex-end;justify-content:flex-end;padding:.4rem;width:100%}.node-value-chip.svelte-1bv5q2n{font-size:.66rem;font-family:var(--font-mono);font-weight:700;padding:2px 6px;border-radius:4px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.25)}.node-info.svelte-1bv5q2n{padding:.5rem .6rem;display:flex;flex-direction:column;gap:.15rem}.node-role.svelte-1bv5q2n{font-size:.75rem;font-weight:600;color:var(--text-primary)}.node-hex.svelte-1bv5q2n{font-size:.74rem;font-family:var(--font-mono);color:var(--text-secondary)}.node-munsell.svelte-1bv5q2n{font-size:.68rem;color:var(--text-muted)}.mixer-layout.svelte-1ie5v17{display:grid;grid-template-columns:1.1fr 1fr;gap:1.25rem}@media(max-width:980px){.mixer-layout.svelte-1ie5v17{grid-template-columns:1fr}}.preset-bar.svelte-1ie5v17{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:.75rem 0 1rem}.preset-label.svelte-1ie5v17{font-size:.76rem;color:var(--text-muted);font-weight:600}.chip-btn.svelte-1ie5v17{font-size:.75rem;padding:.4rem .7rem;min-height:36px;border-radius:999px;border:1px solid var(--border-color);background:var(--surface-elevated);color:var(--text-primary);cursor:pointer}.chip-btn.svelte-1ie5v17:hover{border-color:#60a5fa}.pigment-list.svelte-1ie5v17{display:flex;flex-direction:column;gap:.6rem}.pigment-row.svelte-1ie5v17{display:grid;grid-template-columns:34px 1.25fr 1fr 28px;align-items:center;gap:.65rem;padding:.6rem .7rem;border-radius:9px;background:var(--surface-elevated);border:1px solid var(--border-color)}@media(max-width:640px){.pigment-row.svelte-1ie5v17{grid-template-columns:34px 1fr auto;grid-template-areas:"swatch meta remove" "slider slider slider";row-gap:.55rem;align-items:start}.pigment-swatch.svelte-1ie5v17{grid-area:swatch;margin-top:2px}.pigment-meta.svelte-1ie5v17{grid-area:meta}.remove-btn.svelte-1ie5v17{grid-area:remove}.pigment-slider-wrap.svelte-1ie5v17{grid-area:slider}}.pigment-swatch.svelte-1ie5v17{width:34px;height:34px;border-radius:7px;border:1px solid rgba(255,255,255,.22)}.pigment-meta.svelte-1ie5v17{display:flex;flex-direction:column;gap:.15rem}.pigment-title-line.svelte-1ie5v17{display:flex;align-items:center;gap:.4rem;font-size:.82rem}.ci-badge.svelte-1ie5v17,.opacity-badge.svelte-1ie5v17{font-size:.66rem;font-family:var(--font-mono);padding:1px 5px;border-radius:4px;background:#ffffff12;color:var(--text-secondary)}.pigment-bias.svelte-1ie5v17{font-size:.72rem;color:var(--text-muted)}.pigment-slider-wrap.svelte-1ie5v17{display:flex;flex-direction:column;gap:.2rem}.parts-readout.svelte-1ie5v17{font-size:.72rem;font-family:var(--font-mono);color:var(--text-secondary);text-align:right}.remove-btn.svelte-1ie5v17{background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:1.1rem;cursor:pointer;border-radius:6px;min-width:40px;min-height:40px}.remove-btn.svelte-1ie5v17:hover:not(:disabled){color:#f87171;background:#f871711a}.add-tube-bar.svelte-1ie5v17{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--border-color)}@media(max-width:560px){.add-tube-bar.svelte-1ie5v17{flex-direction:column}}.pigment-select.svelte-1ie5v17{flex:1;min-width:0;background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-color);border-radius:7px;padding:.45rem .65rem;font-size:1rem}.recipe-matcher-card.svelte-1ie5v17{margin-top:1.15rem;padding:.85rem;border-radius:10px;background:var(--surface-elevated);border:1px solid var(--border-color)}.matcher-header.svelte-1ie5v17{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.65rem}@media(max-width:640px){.matcher-header.svelte-1ie5v17{flex-direction:column;align-items:stretch}}.matcher-header.svelte-1ie5v17 h3:where(.svelte-1ie5v17){font-size:.84rem;margin:0}.matcher-body.svelte-1ie5v17{display:flex;flex-direction:column;gap:.65rem}.match-compare.svelte-1ie5v17{display:grid;grid-template-columns:1fr 1fr;height:46px;border-radius:7px;overflow:hidden;border:1px solid var(--border-color)}.mini-swatch.svelte-1ie5v17{display:flex;align-items:center;justify-content:center}.mini-swatch.svelte-1ie5v17 span:where(.svelte-1ie5v17){font-size:.72rem;font-family:var(--font-mono);background:#0c0d10b8;color:#fff;padding:2px 7px;border-radius:4px}.recipe-pills.svelte-1ie5v17{display:flex;flex-wrap:wrap;gap:.45rem}.recipe-pill.svelte-1ie5v17{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;padding:.25rem .6rem;border-radius:6px;background:#ffffff0d;border:1px solid var(--border-color)}.dot.svelte-1ie5v17{width:10px;height:10px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.4)}.mix-hero.svelte-1ie5v17{display:flex;flex-direction:column;gap:.6rem}.mix-main-swatch.svelte-1ie5v17{height:120px;border-radius:10px;border:1px solid var(--border-color);display:flex;align-items:flex-end;padding:.75rem}.mix-overlay-bar.svelte-1ie5v17{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;background:#0e0f13c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.55rem .75rem;border-radius:8px;color:#fff}.mix-tag.svelte-1ie5v17{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:#93c5fd}.mix-overlay-bar.svelte-1ie5v17 h4:where(.svelte-1ie5v17){margin:.1rem 0 0;font-size:.92rem;font-family:var(--font-mono)}.mix-actions.svelte-1ie5v17{display:flex;flex-wrap:wrap;gap:.45rem}@media(max-width:640px){.mix-main-swatch.svelte-1ie5v17{height:100px}.mix-overlay-bar.svelte-1ie5v17{flex-direction:column;align-items:stretch}.mix-actions.svelte-1ie5v17{width:100%}.mix-actions.svelte-1ie5v17 button:where(.svelte-1ie5v17){flex:1;min-width:0}}.comparison-strip.svelte-1ie5v17{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.comp-cell.svelte-1ie5v17{min-height:60px;border-radius:8px;border:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;gap:2px;padding:.4rem .55rem;cursor:pointer;text-align:left;overflow:hidden}.comp-cell.svelte-1ie5v17 span:where(.svelte-1ie5v17),.comp-cell.svelte-1ie5v17 strong:where(.svelte-1ie5v17){font-size:.68rem;background:#0e0f13bf;color:#fff;padding:1px 5px;border-radius:3px;width:fit-content}.spectrum-box.svelte-1ie5v17{margin-top:1rem;padding:.75rem;border-radius:9px;background:var(--surface-elevated);border:1px solid var(--border-color)}.spectrum-header.svelte-1ie5v17{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-bottom:.55rem}.spectrum-header.svelte-1ie5v17 h3:where(.svelte-1ie5v17){font-size:.8rem;margin:0;color:var(--text-primary)}.spectrum-bars.svelte-1ie5v17{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;height:75px}.spec-col.svelte-1ie5v17{display:flex;flex-direction:column;align-items:center;gap:4px}.spec-bar-track.svelte-1ie5v17{flex:1;width:100%;background:#ffffff0d;border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}.spec-bar-fill.svelte-1ie5v17{width:100%;background:linear-gradient(180deg,#60a5fa,#3b82f6);border-radius:4px 4px 0 0;transition:height .15s ease}.spec-label.svelte-1ie5v17{font-size:.64rem;font-family:var(--font-mono);color:var(--text-muted)}.value-strings.svelte-1ie5v17{margin-top:1rem;display:flex;flex-direction:column;gap:.65rem}.value-strings.svelte-1ie5v17 h3:where(.svelte-1ie5v17){font-size:.84rem;margin:0}.string-group.svelte-1ie5v17{display:flex;flex-direction:column;gap:.3rem}.string-label.svelte-1ie5v17{font-size:.74rem;color:var(--text-secondary)}.string-swatches.svelte-1ie5v17{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}.pile-swatch.svelte-1ie5v17{height:44px;border-radius:6px;border:1px solid rgba(255,255,255,.16);cursor:pointer;display:flex;align-items:flex-end;justify-content:flex-end;padding:.25rem .35rem}@media(pointer:coarse){.pile-swatch.svelte-1ie5v17{height:52px}.string-swatches.svelte-1ie5v17{gap:.3rem}}.pile-swatch.svelte-1ie5v17 span:where(.svelte-1ie5v17){font-size:.65rem;font-family:var(--font-mono);background:#0c0d10b8;color:#fff;padding:1px 4px;border-radius:3px}.palette-drawer.svelte-1iqsre8{margin-top:1.25rem;display:flex;flex-direction:column;gap:.9rem}.drawer-header.svelte-1iqsre8{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem}.drawer-title-group.svelte-1iqsre8{display:flex;align-items:center;gap:.6rem}.drawer-title-group.svelte-1iqsre8 h2:where(.svelte-1iqsre8){font-size:1rem;margin:0}.count-pill.svelte-1iqsre8{font-size:.72rem;font-family:var(--font-mono);padding:2px 8px;border-radius:999px;background:var(--surface-elevated);border:1px solid var(--border-color);color:var(--text-secondary)}.drawer-controls.svelte-1iqsre8{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}@media(max-width:640px){.drawer-controls.svelte-1iqsre8{display:grid;grid-template-columns:1fr 1fr;width:100%}.drawer-controls.svelte-1iqsre8>:where(.svelte-1iqsre8){width:100%}}.toggle-btn.svelte-1iqsre8{font-size:.74rem;padding:.45rem .7rem;min-height:40px;border-radius:7px;border:1px solid var(--border-color);background:var(--surface-elevated);color:var(--text-secondary);cursor:pointer}.toggle-btn.active.svelte-1iqsre8{background:#3b82f629;border-color:#60a5fa;color:#fff}.squint-strip.svelte-1iqsre8{display:flex;height:36px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);transition:filter .2s ease}.squint-strip.blurred.svelte-1iqsre8,.palette-color-btn.blurred.svelte-1iqsre8{filter:blur(6px) contrast(1.05)}.squint-segment.svelte-1iqsre8{flex:1;height:100%}.swatch-cards-row.svelte-1iqsre8{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem}.palette-card.svelte-1iqsre8{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:9px;overflow:hidden;display:flex;flex-direction:column}.palette-color-btn.svelte-1iqsre8{height:64px;border:none;width:100%;cursor:pointer;display:flex;align-items:flex-end;justify-content:flex-end;padding:.35rem}.val-badge.svelte-1iqsre8{font-size:.68rem;font-family:var(--font-mono);font-weight:700;background:#0c0d10bf;color:#fff;padding:2px 6px;border-radius:4px}.palette-card-footer.svelte-1iqsre8{padding:.45rem .55rem;display:flex;justify-content:space-between;align-items:flex-start}.code-col.svelte-1iqsre8{display:flex;flex-direction:column;gap:.1rem;font-size:.72rem}.code-col.svelte-1iqsre8 strong:where(.svelte-1iqsre8){font-family:var(--font-mono);font-size:.76rem}.code-col.svelte-1iqsre8 span:where(.svelte-1iqsre8){color:var(--text-muted);font-size:.68rem}.contrast-line.svelte-1iqsre8{color:var(--text-secondary)!important}.del-swatch-btn.svelte-1iqsre8{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.del-swatch-btn.svelte-1iqsre8:hover{color:#f87171}.value-ruler.svelte-1iqsre8{display:flex;flex-direction:column;gap:.4rem;padding-top:.4rem}.ruler-caption.svelte-1iqsre8{font-size:.74rem;color:var(--text-secondary)}.ruler-track.svelte-1iqsre8{position:relative;height:28px;border-radius:999px;background:linear-gradient(90deg,#09090b,#71717a,#f4f4f5);border:1px solid var(--border-color)}.ruler-tick.svelte-1iqsre8{position:absolute;top:50%;transform:translate(-50%,-50%);pointer-events:none}.ruler-tick.svelte-1iqsre8 span:where(.svelte-1iqsre8){font-size:.64rem;font-family:var(--font-mono);color:#ffffffbf;text-shadow:0 1px 2px #000}.ruler-dot.svelte-1iqsre8{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px #000c;cursor:pointer;padding:0}@media(pointer:coarse){.ruler-track.svelte-1iqsre8{height:36px}.ruler-dot.svelte-1iqsre8{width:22px;height:22px}}.export-box.svelte-1iqsre8{margin-top:.5rem;padding:.85rem;border-radius:9px;background:var(--surface-elevated);border:1px solid var(--border-color)}.export-header.svelte-1iqsre8{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;margin-bottom:.65rem}@media(min-width:640px){.export-header.svelte-1iqsre8{flex-direction:row;justify-content:space-between;align-items:center}}.export-actions.svelte-1iqsre8{display:flex;align-items:center;gap:.5rem}.copy-feedback.svelte-1iqsre8{font-size:.75rem;color:#34d399;font-weight:600}.export-pre.svelte-1iqsre8{margin:0;padding:.75rem;border-radius:7px;background:#0d0e11;border:1px solid var(--border-color);font-family:var(--font-mono);font-size:.76rem;overflow-x:auto;-webkit-overflow-scrolling:touch;color:#e5e7eb;max-height:220px}@media(max-width:640px){.export-pre.svelte-1iqsre8{font-size:.72rem;max-height:300px}}.app-shell.svelte-1n46o8q{max-width:1320px;margin:0 auto;padding:calc(.5rem + var(--safe-top)) .75rem calc(2.5rem + var(--safe-bottom))}@media(min-width:768px){.app-shell.svelte-1n46o8q{padding:1rem 1.25rem 2.5rem}}.topbar.svelte-1n46o8q{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.7rem .9rem;margin-bottom:.85rem;background:var(--surface-panel);border:1px solid var(--border-color);border-radius:12px}.brand.svelte-1n46o8q{display:flex;align-items:center;gap:.75rem;min-width:0}.brand-swatch.svelte-1n46o8q{flex-shrink:0;width:32px;height:32px;border-radius:9px;border:2px solid #ffffff;box-shadow:0 2px 8px #0006}.brand-text.svelte-1n46o8q{min-width:0}.brand.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:1.02rem;font-weight:700;margin:0;letter-spacing:-.01em;white-space:nowrap}.brand-sub.svelte-1n46o8q{display:none}@media(min-width:768px){.brand-swatch.svelte-1n46o8q{width:34px;height:34px}.brand.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:1.1rem}.brand-sub.svelte-1n46o8q{display:block;margin:.1rem 0 0;font-size:.75rem;color:var(--text-muted)}}.tabs-bar.svelte-1n46o8q{position:sticky;top:var(--safe-top);z-index:60;display:flex;gap:.35rem;background:color-mix(in srgb,var(--surface-panel) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:11px;padding:4px;margin:0 0 1rem;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-bar.svelte-1n46o8q::-webkit-scrollbar{display:none}.tab-btn.svelte-1n46o8q{flex:0 0 auto;background:transparent;border:none;color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:.5rem .85rem;min-height:40px;border-radius:7px;cursor:pointer;white-space:nowrap;transition:all .15s ease}@media(min-width:768px){.tab-btn.svelte-1n46o8q{flex:1 1 0}}.tab-btn.active.svelte-1n46o8q{background:#3b82f6;color:#fff}.tab-short.svelte-1n46o8q{display:none}@media(max-width:767px){.tab-short.svelte-1n46o8q{display:inline}.tab-long.svelte-1n46o8q{display:none}}.header-utilities.svelte-1n46o8q{display:flex;align-items:center;gap:.65rem;margin-left:auto}.active-mini-readout.svelte-1n46o8q{display:none}@media(min-width:700px){.active-mini-readout.svelte-1n46o8q{display:flex;align-items:center;gap:.45rem;padding:.35rem .65rem;border-radius:7px;background:var(--surface-elevated);border:1px solid var(--border-color);font-size:.76rem}}.mini-dot.svelte-1n46o8q{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.5)}.mini-munsell.svelte-1n46o8q{display:none}@media(min-width:900px){.mini-munsell.svelte-1n46o8q{display:inline;color:var(--text-muted);font-size:.72rem}}.surround-toggle.svelte-1n46o8q{font-size:.74rem;flex-shrink:0}.surround-short.svelte-1n46o8q{display:none}@media(max-width:699px){.surround-short.svelte-1n46o8q{display:inline}.surround-long.svelte-1n46o8q{display:none}}