:root{--font-display: "Syne", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--bg: #FAFAFA;--bg-card: #FFFFFF;--bg-muted: #F3F4F6;--bg-overlay: #E5E7EB;--border: #E5E7EB;--border-strong: #D1D5DB;--text-1: #111827;--text-2: #4B5563;--text-3: #9CA3AF;--pass: #059669;--pass-bg: #ECFDF5;--pass-border: #A7F3D0;--fail: #DC2626;--fail-bg: #FEF2F2;--fail-border: #FECACA;--warn: #D97706;--warn-bg: #FFFBEB;--warn-border: #FDE68A;--info: #2563EB;--info-bg: #EFF6FF;--info-border: #BFDBFE;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 24px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 10px 24px rgba(0,0,0,.08);--t: .15s ease;--t-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text-1);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.3}.mono{font-family:var(--font-mono)}.label,.section-label{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::selection{background:#dbeafe;color:#1e40af}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--r-md);font-family:var(--font-display);font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--t);white-space:nowrap;line-height:1}.btn-primary{background:var(--text-1);color:#fff}.btn-primary:hover{background:var(--text-2)}.btn-ghost{background:var(--bg-card);color:var(--text-2);border-color:var(--border)}.btn-ghost:hover{background:var(--bg-muted);color:var(--text-1)}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid}.badge-pass{background:var(--pass-bg);color:var(--pass);border-color:var(--pass-border)}.badge-fail{background:var(--fail-bg);color:var(--fail);border-color:var(--fail-border)}.badge-warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-border)}.badge-info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.badge-muted{background:var(--bg-muted);color:var(--text-3);border-color:var(--border)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.card-body{padding:16px}.input{width:100%;padding:8px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-1);font-family:var(--font-mono);font-size:13px;transition:border-color var(--t),box-shadow var(--t);outline:none}.input:focus{border-color:var(--text-1);box-shadow:0 0 0 3px #1118270f}.input::placeholder{color:var(--text-3)}.input.error{border-color:var(--fail)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text-1);border:2px solid var(--bg-card);box-shadow:var(--shadow-sm);transition:transform var(--t)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;cursor:pointer;background:transparent}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--bg-muted);color:var(--text-3);font-size:9px;font-weight:700;cursor:help;flex-shrink:0;font-family:var(--font-display);transition:all var(--t)}.info-icon:hover{background:var(--text-1);color:#fff}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--text-1);color:#fff;padding:6px 10px;border-radius:var(--r-md);font-size:11px;font-family:var(--font-body);line-height:1.4;white-space:normal;max-width:240px;text-align:center;pointer-events:none;opacity:0;transition:opacity var(--t);z-index:100;box-shadow:var(--shadow-lg)}[data-tooltip]:hover:after{opacity:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .25s ease both}.pass{color:var(--pass)}.fail{color:var(--fail)}.warn{color:var(--warn)}.viz.svelte-1u1ctnj{padding:20px;display:flex;flex-direction:column;gap:16px}.subnav.svelte-1u1ctnj{display:flex;gap:2px;background:var(--bg-muted);padding:3px;border-radius:var(--r-lg);border:1px solid var(--border);width:fit-content}.snav.svelte-1u1ctnj{padding:6px 16px;border:none;background:transparent;color:var(--text-3);font-family:var(--font-display);font-size:12px;font-weight:600;cursor:pointer;border-radius:var(--r-md);transition:all var(--t)}.snav.svelte-1u1ctnj:hover{color:var(--text-2)}.snav.active.svelte-1u1ctnj{background:var(--bg-card);color:var(--text-1);box-shadow:var(--shadow-xs)}.ui-grid.svelte-1u1ctnj{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.ui-card.svelte-1u1ctnj{border-radius:var(--r-xl);padding:20px;border:1px solid rgba(0,0,0,.07);box-shadow:0 2px 8px #0000000f;position:relative;transition:all var(--t-slow)}.card-tag.svelte-1u1ctnj{position:absolute;top:-1px;right:14px;background:var(--bg-card);border:1px solid var(--border);border-top:none;padding:3px 8px;border-radius:0 0 5px 5px;font-family:var(--font-display);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.vision-layout.svelte-1u1ctnj{display:flex;flex-direction:column;gap:16px}.vision-grid.svelte-1u1ctnj{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.vision-card.svelte-1u1ctnj{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;cursor:pointer;display:flex;align-items:center;gap:0;transition:all var(--t);text-align:left}.vision-card.svelte-1u1ctnj:hover{border-color:var(--border-strong)}.vision-card.active.svelte-1u1ctnj{border-color:var(--text-1);box-shadow:var(--shadow-sm)}.vision-preview.svelte-1u1ctnj{width:48px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vision-meta.svelte-1u1ctnj{padding:6px 10px;display:flex;flex-direction:column;gap:2px}.vision-name.svelte-1u1ctnj{font-family:var(--font-display);font-size:11px;font-weight:600}.vision-ratio.svelte-1u1ctnj{font-size:11px;font-weight:600}.vision-ratio.pass.svelte-1u1ctnj{color:var(--pass)}.vision-ratio.warn.svelte-1u1ctnj{color:var(--warn)}.vision-ratio.fail.svelte-1u1ctnj{color:var(--fail)}.vision-detail.svelte-1u1ctnj{display:flex;flex-direction:column;gap:12px}.vision-big.svelte-1u1ctnj{border-radius:var(--r-xl);padding:24px;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-md);min-height:140px;transition:all var(--t-slow)}.vision-stats.svelte-1u1ctnj{display:flex;gap:16px;flex-wrap:wrap}.vstat.svelte-1u1ctnj{display:flex;flex-direction:column;gap:4px}.vstat-val.svelte-1u1ctnj{font-size:16px;font-weight:600}.vstat-badge.svelte-1u1ctnj{font-family:var(--font-display);font-size:12px;font-weight:700}.vstat-badge.pass.svelte-1u1ctnj{color:var(--pass)}.vstat-badge.fail.svelte-1u1ctnj{color:var(--fail)}.vstat-label.svelte-1u1ctnj{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-display);font-weight:600}.vision-info.svelte-1u1ctnj{font-size:11px;color:var(--text-3)}.tab.svelte-1d2lmzk{padding:20px;display:flex;flex-direction:column;gap:20px}.pg-title.svelte-1d2lmzk{font-size:18px;font-weight:800;margin-bottom:4px}.pg-sub.svelte-1d2lmzk{font-size:12px;color:var(--text-3);line-height:1.5}.controls-row.svelte-1d2lmzk{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.color-control.svelte-1d2lmzk,.name-control.svelte-1d2lmzk,.mode-control.svelte-1d2lmzk{display:flex;flex-direction:column;gap:6px}.color-input-wrap.svelte-1d2lmzk{display:flex;align-items:center;gap:8px}.color-dot-wrap.svelte-1d2lmzk{position:relative;width:36px;height:36px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);flex-shrink:0;cursor:pointer;box-shadow:var(--shadow-xs)}.color-dot.svelte-1d2lmzk{width:100%;height:100%}.hex-input.svelte-1d2lmzk{width:130px}.name-control.svelte-1d2lmzk .input:where(.svelte-1d2lmzk){width:140px}.mode-tabs.svelte-1d2lmzk{display:flex;gap:2px;background:var(--bg-muted);padding:3px;border-radius:var(--r-lg);border:1px solid var(--border)}.mode-btn.svelte-1d2lmzk{padding:5px 14px;border:none;background:transparent;color:var(--text-3);font-family:var(--font-display);font-size:11px;font-weight:600;cursor:pointer;border-radius:var(--r-md);transition:all var(--t)}.mode-btn.svelte-1d2lmzk:hover{color:var(--text-2)}.mode-btn.active.svelte-1d2lmzk{background:var(--bg);color:var(--text-1);box-shadow:var(--shadow-xs)}.scale-section.svelte-1d2lmzk{display:flex;flex-direction:column;gap:12px}.color-strip.svelte-1d2lmzk{display:flex;height:88px;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-md);cursor:pointer}.strip-step.svelte-1d2lmzk{position:relative;display:flex;align-items:flex-end;padding:8px;transition:flex .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.strip-content.svelte-1d2lmzk{display:flex;flex-direction:column;gap:1px;transition:opacity var(--t);min-width:0}.strip-num.svelte-1d2lmzk{font-family:var(--font-display);font-size:10px;font-weight:800}.strip-hex.svelte-1d2lmzk{font-size:10px}.strip-name.svelte-1d2lmzk{font-size:9px;font-family:var(--font-display);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-num-idle.svelte-1d2lmzk{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:10px;font-weight:700;opacity:.5}.steps-grid.svelte-1d2lmzk{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}.step-card.svelte-1d2lmzk{border-radius:var(--r-md);overflow:hidden;border:1px solid;box-shadow:var(--shadow-xs);transition:transform var(--t),box-shadow var(--t)}.step-card.svelte-1d2lmzk:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.step-info.svelte-1d2lmzk{background:var(--bg);padding:7px 8px}.step-hex.svelte-1d2lmzk{font-size:10px;font-weight:600;margin-bottom:2px}.step-usage.svelte-1d2lmzk{font-size:9px;color:var(--text-3);line-height:1.3;margin-bottom:4px;font-family:var(--font-display)}.step-contrasts.svelte-1d2lmzk{display:flex;gap:3px;flex-wrap:wrap}.contrast-chip.svelte-1d2lmzk{font-size:9px;font-family:var(--font-mono);padding:1px 5px;border-radius:3px}.contrast-chip.pass.svelte-1d2lmzk{background:var(--pass-bg);color:var(--pass)}.contrast-chip.warn.svelte-1d2lmzk{background:var(--warn-bg);color:var(--warn)}.contrast-chip.neutral.svelte-1d2lmzk{background:var(--bg-muted);color:var(--text-3)}.usage-list.svelte-1d2lmzk{display:flex;flex-direction:column}.usage-row.svelte-1d2lmzk{display:grid;grid-template-columns:24px 80px 160px 1fr 80px 40px;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid var(--border);transition:background var(--t)}.usage-row.svelte-1d2lmzk:last-child{border-bottom:none}.usage-row.svelte-1d2lmzk:hover{background:var(--bg-subtle)}.usage-swatch.svelte-1d2lmzk{width:24px;height:24px;border-radius:5px;flex-shrink:0}.usage-num.svelte-1d2lmzk{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-2)}.usage-name.svelte-1d2lmzk{font-family:var(--font-display);font-size:11px;font-weight:600}.usage-desc.svelte-1d2lmzk{font-size:11px;color:var(--text-3)}.usage-hex.svelte-1d2lmzk{font-size:11px;color:var(--text-2)}.usage-lum.svelte-1d2lmzk{font-size:10px;color:var(--text-4)}.export-format-tabs.svelte-1d2lmzk{display:flex;gap:3px}.efmt.svelte-1d2lmzk{padding:4px 10px;border:1px solid var(--border);background:var(--bg);border-radius:var(--r-sm);font-family:var(--font-display);font-size:11px;font-weight:600;cursor:pointer;color:var(--text-3);transition:all var(--t)}.efmt.svelte-1d2lmzk:hover{color:var(--text-1)}.efmt.active.svelte-1d2lmzk{background:var(--text-1);color:#fff;border-color:var(--text-1)}.btn.copied.svelte-1d2lmzk{background:var(--pass-bg);color:var(--pass);border-color:var(--pass-border)}.export-code.svelte-1d2lmzk{padding:16px;font-size:11px;line-height:1.8;color:var(--text-2);white-space:pre;overflow-x:auto;max-height:300px;overflow-y:auto;background:var(--bg-subtle);border-top:1px solid var(--border)}.matrix-grid.svelte-1d2lmzk{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.matrix-pair.svelte-1d2lmzk{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-xs);display:flex;flex-direction:column}.matrix-preview.svelte-1d2lmzk{padding:16px 12px;display:flex;align-items:center;justify-content:center;flex:1}.matrix-info.svelte-1d2lmzk{padding:8px 10px;display:flex;flex-direction:column;gap:3px}.matrix-ratio.svelte-1d2lmzk{font-size:14px;font-weight:600}.matrix-ratio.pass.svelte-1d2lmzk{color:var(--pass)}.matrix-ratio.warn.svelte-1d2lmzk{color:var(--warn)}.matrix-ratio.fail.svelte-1d2lmzk{color:var(--fail)}.matrix-steps.svelte-1d2lmzk{font-size:9px;color:var(--text-3);font-family:var(--font-mono)}.empty-state.svelte-1d2lmzk{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--text-3);text-align:center}.empty-icon.svelte-1d2lmzk{font-size:36px;opacity:.3}@media(max-width:900px){.steps-grid.svelte-1d2lmzk{grid-template-columns:repeat(6,1fr)}.usage-row.svelte-1d2lmzk{grid-template-columns:20px 70px 1fr 60px}.usage-desc.svelte-1d2lmzk,.usage-lum.svelte-1d2lmzk{display:none}}@media(max-width:600px){.steps-grid.svelte-1d2lmzk{grid-template-columns:repeat(4,1fr)}.color-strip.svelte-1d2lmzk{height:60px}}.panel.svelte-lohuk0{color:var(--text-1);display:flex;flex-direction:column;gap:20px}.panel-head.svelte-lohuk0{display:flex;gap:16px;align-items:flex-start}.panel-icon.svelte-lohuk0{font-size:28px;width:48px;height:48px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-title.svelte-lohuk0{font-family:var(--font-display);font-size:18px;font-weight:800;margin-bottom:4px}.panel-desc.svelte-lohuk0{font-size:13px;color:var(--text-3);line-height:1.6}.current-strip.svelte-lohuk0{border-radius:var(--r-lg);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.05);min-height:90px}.strip-preview.svelte-lohuk0{display:flex;flex-direction:column;gap:6px}.strip-meta.svelte-lohuk0{text-align:right}.meta-val.svelte-lohuk0{font-size:22px;font-weight:600}.meta-val.pass.svelte-lohuk0{color:var(--pass)}.meta-val.warn.svelte-lohuk0{color:var(--warn)}.meta-val.fail.svelte-lohuk0{color:var(--fail)}.meta-label.svelte-lohuk0{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-display);font-weight:600;color:var(--text-3)}.control-block.svelte-lohuk0{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:16px;display:flex;flex-direction:column;gap:10px}.control-header.svelte-lohuk0{display:flex;justify-content:space-between;align-items:center}.alfa-num.svelte-lohuk0{font-size:15px;font-weight:600}.threshold-hints.svelte-lohuk0{display:flex;flex-direction:column;gap:5px}.hint.svelte-lohuk0{font-size:12px;padding:7px 10px;border-radius:6px}.hint.pass.svelte-lohuk0{background:var(--pass-bg);color:var(--pass)}.hint.fail.svelte-lohuk0{background:var(--fail-bg);color:var(--fail)}.hint.warn.svelte-lohuk0{background:var(--warn-bg);color:var(--warn)}.composed-info.svelte-lohuk0{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md)}.comp-item.svelte-lohuk0{display:flex;align-items:center;gap:10px}.comp-swatch.svelte-lohuk0{width:36px;height:36px;border-radius:8px;border:1px solid rgba(128,128,128,.2);flex-shrink:0}.comp-arrow.svelte-lohuk0{color:var(--text-3);font-size:18px}.comp-over.svelte-lohuk0{display:flex;flex-direction:column;align-items:center;gap:4px;margin-left:auto}.alfa-chart.svelte-lohuk0{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.chart-header.svelte-lohuk0{padding:12px 16px;border-bottom:1px solid var(--border)}.chart-bars.svelte-lohuk0{display:flex;align-items:flex-end;gap:6px;padding:16px 16px 0;height:140px}.bar-col.svelte-lohuk0{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:opacity var(--t)}.bar-col.svelte-lohuk0:hover{opacity:.85}.bar-col.active.svelte-lohuk0 .bar-track:where(.svelte-lohuk0){box-shadow:0 0 0 2px var(--accent);border-radius:4px}.bar-track.svelte-lohuk0{flex:1;width:100%;background:var(--bg-subtle);border-radius:4px;overflow:hidden;position:relative;display:flex;align-items:flex-end;min-height:80px}.threshold-line.svelte-lohuk0{position:absolute;left:0;right:0;height:1px;opacity:.4}.threshold-line.aa.svelte-lohuk0{bottom:21.4%;background:var(--pass)}.threshold-line.aaa.svelte-lohuk0{bottom:33.3%;background:var(--info)}.bar-fill.svelte-lohuk0{width:100%;border-radius:4px 4px 0 0;transition:height var(--t-slow);min-height:4px}.bar-ratio.svelte-lohuk0{font-size:9px;font-weight:600}.bar-ratio.pass.svelte-lohuk0{color:var(--pass)}.bar-ratio.warn.svelte-lohuk0{color:var(--warn)}.bar-ratio.fail.svelte-lohuk0{color:var(--fail)}.bar-alpha.svelte-lohuk0{font-size:9px;color:var(--text-3);margin-bottom:8px}.chart-legend.svelte-lohuk0{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--border)}.legend-item.svelte-lohuk0{font-size:11px}.legend-item.pass.svelte-lohuk0{color:var(--pass)}.legend-item.warn.svelte-lohuk0{color:var(--warn)}.legend-item.fail.svelte-lohuk0{color:var(--fail)}.panel.svelte-19xr4nw{color:var(--text-1);display:flex;flex-direction:column;gap:20px}.panel-head.svelte-19xr4nw{display:flex;gap:16px;align-items:flex-start}.panel-icon.svelte-19xr4nw{font-size:24px;width:48px;height:48px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-title.svelte-19xr4nw{font-family:var(--font-display);font-size:18px;font-weight:800;margin-bottom:4px}.panel-desc.svelte-19xr4nw{font-size:13px;color:var(--text-3);line-height:1.6}.toggle-row.svelte-19xr4nw{display:flex;gap:4px}.toggle-btn.svelte-19xr4nw{padding:7px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-2);font-family:var(--font-display);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--t)}.toggle-btn.svelte-19xr4nw:hover{background:var(--bg-subtle)}.toggle-btn.active.svelte-19xr4nw{background:#0d0d140f;border-color:var(--accent);color:var(--text-1)}.preview-panels.svelte-19xr4nw{display:grid;gap:16px}.preview-panels.both.svelte-19xr4nw{grid-template-columns:1fr 1fr}.preview-panels.original.svelte-19xr4nw,.preview-panels.generated.svelte-19xr4nw{grid-template-columns:1fr}.mode-preview.svelte-19xr4nw{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border)}.mode-label.svelte-19xr4nw{padding:10px 16px;background:var(--bg);font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);border-bottom:1px solid var(--border)}.mode-content.svelte-19xr4nw{padding:24px;min-height:140px;transition:all var(--t-slow)}.mode-scores.svelte-19xr4nw{padding:12px 16px;background:var(--bg);border-top:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.score-chip.svelte-19xr4nw{display:flex;align-items:center;gap:6px}.score-chip-label.svelte-19xr4nw{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-display);font-weight:600;color:var(--text-3)}.mono.pass.svelte-19xr4nw{color:var(--pass);font-weight:600}.mono.fail.svelte-19xr4nw{color:var(--fail);font-weight:600}.color-pair-chips.svelte-19xr4nw{display:flex;gap:8px;margin-left:auto}.chip-wrap.svelte-19xr4nw{display:flex;align-items:center;gap:5px;cursor:pointer;padding:4px 8px;border-radius:5px;border:1px solid var(--border);transition:background var(--t);background:transparent;font-family:inherit}.chip-wrap.svelte-19xr4nw:hover{background:var(--bg-subtle)}.color-chip.svelte-19xr4nw{width:20px;height:20px;border-radius:4px}.chip-hex.svelte-19xr4nw{font-size:11px;color:var(--text-2)}.oklch-analysis.svelte-19xr4nw{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.analysis-title.svelte-19xr4nw{padding:12px 16px;font-family:var(--font-display);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);border-bottom:1px solid var(--border);background:var(--bg-subtle)}.oklch-table.svelte-19xr4nw{padding:12px 16px;display:flex;flex-direction:column;gap:0}.oklch-header.svelte-19xr4nw{display:grid;grid-template-columns:1.5fr repeat(3,1fr);padding:0 0 8px;gap:12px}.oklch-header.svelte-19xr4nw>div:where(.svelte-19xr4nw){font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.oklch-row.svelte-19xr4nw{display:grid;grid-template-columns:1.5fr repeat(3,1fr);padding:8px 0;gap:12px;border-top:1px solid var(--border);align-items:center}.row-label.svelte-19xr4nw{display:flex;align-items:center;gap:8px;font-size:12px}.row-swatch.svelte-19xr4nw{width:18px;height:18px;border-radius:4px;flex-shrink:0}.row-val.svelte-19xr4nw{font-size:12px;color:var(--text-2)}.analysis-note.svelte-19xr4nw{padding:10px 16px 12px;font-size:11px;color:var(--text-3);line-height:1.5;border-top:1px solid var(--border)}.css-block.svelte-19xr4nw{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;position:relative}.css-header.svelte-19xr4nw{padding:10px 16px;border-bottom:1px solid var(--border)}.css-code.svelte-19xr4nw{padding:16px;font-size:12px;line-height:1.8;color:var(--text-2);white-space:pre;overflow-x:auto}.copy-btn.svelte-19xr4nw{position:absolute;top:8px;right:8px;padding:5px 12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-2);font-family:var(--font-display);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--t)}.copy-btn.svelte-19xr4nw:hover{background:var(--bg-muted);color:var(--text-1)}.panel.svelte-1xbs1pi{color:var(--text-1);display:flex;flex-direction:column;gap:20px}.panel-head.svelte-1xbs1pi{display:flex;gap:16px;align-items:flex-start}.panel-icon.svelte-1xbs1pi{font-size:22px;width:48px;height:48px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-title.svelte-1xbs1pi{font-family:var(--font-display);font-size:18px;font-weight:800;margin-bottom:4px}.panel-desc.svelte-1xbs1pi{font-size:13px;color:var(--text-3);line-height:1.6}.conditions-row.svelte-1xbs1pi{display:flex;gap:6px;flex-wrap:wrap}.condition-btn.svelte-1xbs1pi{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all var(--t)}.condition-btn.svelte-1xbs1pi:hover{background:var(--bg-subtle);border-color:var(--text-3)}.condition-btn.active.svelte-1xbs1pi{background:#0d0d140f;border-color:var(--accent)}.cond-icon.svelte-1xbs1pi{font-size:20px}.cond-label.svelte-1xbs1pi{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cond-ratio.svelte-1xbs1pi{font-size:12px;font-weight:600}.cond-ratio.pass.svelte-1xbs1pi{color:var(--pass)}.cond-ratio.warn.svelte-1xbs1pi{color:var(--warn)}.cond-ratio.fail.svelte-1xbs1pi{color:var(--fail)}.preview-section.svelte-1xbs1pi{display:grid;grid-template-columns:1fr 260px;gap:16px}.outdoor-preview.svelte-1xbs1pi{border-radius:var(--r-xl);padding:28px;min-height:200px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:background var(--t-slow)}.wash-overlay.svelte-1xbs1pi{position:absolute;top:0;right:0;bottom:0;left:0;background:#d2d2d2;pointer-events:none}.condition-detail.svelte-1xbs1pi{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.detail-block.svelte-1xbs1pi{padding:16px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--border)}.detail-stat.svelte-1xbs1pi{display:flex;flex-direction:column;gap:2px}.stat-val.svelte-1xbs1pi{font-size:20px;font-weight:600}.stat-val.pass.svelte-1xbs1pi{color:var(--pass)}.stat-val.warn.svelte-1xbs1pi{color:var(--warn)}.stat-val.fail.svelte-1xbs1pi{color:var(--fail)}.stat-label.svelte-1xbs1pi{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-display);color:var(--text-3);font-weight:600}.badges-block.svelte-1xbs1pi{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.status-row.svelte-1xbs1pi{display:flex;justify-content:space-between;align-items:center;font-size:12px}.status-row.svelte-1xbs1pi span:where(.svelte-1xbs1pi):first-child{color:var(--text-2)}.pass.svelte-1xbs1pi{color:var(--pass);font-weight:600}.fail.svelte-1xbs1pi{color:var(--fail);font-weight:600}.sim-colors.svelte-1xbs1pi{display:flex;gap:20px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md)}.sim-color-item.svelte-1xbs1pi{flex:1}.comparison-table.svelte-1xbs1pi{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.table-head.svelte-1xbs1pi{padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.comp-rows.svelte-1xbs1pi{display:flex;flex-direction:column}.comp-row.svelte-1xbs1pi{display:grid;grid-template-columns:28px 100px 1fr 80px 60px;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--t)}.comp-row.svelte-1xbs1pi:last-child{border-bottom:none}.comp-row.svelte-1xbs1pi:hover{background:var(--bg-subtle)}.comp-row.active.svelte-1xbs1pi{background:#0d0d140f}.comp-icon.svelte-1xbs1pi{font-size:16px}.comp-name.svelte-1xbs1pi{font-size:12px;font-weight:600}.comp-bar-track.svelte-1xbs1pi{height:6px;background:var(--bg-subtle);border-radius:3px;overflow:hidden}.comp-bar-fill.svelte-1xbs1pi{height:100%;border-radius:3px;transition:width var(--t-slow)}.comp-val.svelte-1xbs1pi{font-size:13px;font-weight:600;text-align:right}.comp-val.pass.svelte-1xbs1pi{color:var(--pass)}.comp-val.warn.svelte-1xbs1pi{color:var(--warn)}.comp-val.fail.svelte-1xbs1pi{color:var(--fail)}.comp-badges.svelte-1xbs1pi{display:flex;gap:3px}.mini-b.svelte-1xbs1pi{font-family:var(--font-display);font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px}.mini-b.pass.svelte-1xbs1pi{background:var(--pass-bg);color:var(--pass)}.mini-b.fail.svelte-1xbs1pi{background:var(--fail-bg);color:var(--fail)}@media(max-width:900px){.preview-section.svelte-1xbs1pi{grid-template-columns:1fr}}.panel.svelte-1ffz0on{color:var(--text-1);display:flex;flex-direction:column;gap:20px}.panel-head.svelte-1ffz0on{display:flex;gap:16px;align-items:flex-start}.panel-icon.svelte-1ffz0on{font-size:22px;width:48px;height:48px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-title.svelte-1ffz0on{font-family:var(--font-display);font-size:18px;font-weight:800;margin-bottom:4px}.panel-desc.svelte-1ffz0on{font-size:13px;color:var(--text-3);line-height:1.6}.fatigue-status.svelte-1ffz0on{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:20px;border-radius:var(--r-lg);border:1px solid}.status-left.svelte-1ffz0on{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.status-score.svelte-1ffz0on{display:flex;align-items:center;gap:10px}.score-dots.svelte-1ffz0on{display:flex;gap:4px}.dot.svelte-1ffz0on{width:12px;height:12px;border-radius:50%;background:var(--border);transition:background var(--t)}.status-label.svelte-1ffz0on{font-family:var(--font-display);font-size:14px;font-weight:800}.ratio-display.svelte-1ffz0on{font-size:28px;font-weight:600;line-height:1}.status-right.svelte-1ffz0on{display:flex;flex-direction:column;gap:8px}.status-desc.svelte-1ffz0on{font-size:13px;color:var(--text-2);line-height:1.6}.status-rec.svelte-1ffz0on{font-size:12px;color:var(--text-3);line-height:1.5;padding:10px 12px;background:var(--bg);border-radius:var(--r-sm);border:1px solid var(--border)}.spectrum-section.svelte-1ffz0on{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:12px}.spectrum-wrap.svelte-1ffz0on{display:flex;flex-direction:column;gap:6px}.spectrum-bar.svelte-1ffz0on{height:48px;border-radius:8px;position:relative;overflow:visible;display:flex;background:var(--bg-subtle);border:1px solid var(--border)}.zone.svelte-1ffz0on{position:absolute;top:0;bottom:0;display:flex;align-items:flex-end;padding-bottom:4px;overflow:hidden}.zone-label.svelte-1ffz0on{font-family:var(--font-display);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;writing-mode:horizontal-tb;padding:0 3px;opacity:.9}.spectrum-indicator.svelte-1ffz0on{position:absolute;top:-4px;bottom:-4px;width:16px;border-radius:4px;transition:left var(--t-slow);z-index:5}.indicator-tooltip.svelte-1ffz0on{position:absolute;top:-22px;left:50%;transform:translate(-50%);background:var(--bg-muted);border:1px solid var(--border);padding:2px 6px;border-radius:4px;font-size:10px;white-space:nowrap}.spectrum-scale.svelte-1ffz0on{display:flex;justify-content:space-between;font-size:10px;color:var(--text-3)}.optimal-note.svelte-1ffz0on{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-3)}.opt-bar.svelte-1ffz0on{width:40px;height:4px;background:var(--pass);border-radius:2px;flex-shrink:0}.reading-preview.svelte-1ffz0on{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.reading-header.svelte-1ffz0on{padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.reading-content.svelte-1ffz0on{padding:24px;transition:all var(--t-slow)}.reading-footer.svelte-1ffz0on{padding:10px 16px;font-size:12px;color:var(--text-2);border-top:1px solid var(--border)}.suggestions-block.svelte-1ffz0on{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.suggestions-header.svelte-1ffz0on{padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.suggestions-grid.svelte-1ffz0on{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.suggestion-card.svelte-1ffz0on{padding:16px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:6px;position:relative;cursor:default}.suggestion-card.svelte-1ffz0on:last-child{border-right:none}.suggestion-card.current.svelte-1ffz0on{background:#0d0d140f}.sug-preview-row.svelte-1ffz0on{display:flex;gap:4px}.sug-swatch.svelte-1ffz0on{width:24px;height:24px;border-radius:5px}.sug-label.svelte-1ffz0on{font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);line-height:1.3}.sug-ratio.svelte-1ffz0on{font-size:15px;font-weight:600}.sug-ratio.pass.svelte-1ffz0on{color:var(--pass)}.sug-ratio.warn.svelte-1ffz0on{color:var(--warn)}.sug-current-tag.svelte-1ffz0on{position:absolute;top:8px;right:8px;font-family:var(--font-display);font-size:8px;font-weight:700;background:var(--accent);color:#fff;padding:2px 6px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}@media(max-width:900px){.fatigue-status.svelte-1ffz0on{grid-template-columns:1fr}.suggestions-grid.svelte-1ffz0on{grid-template-columns:repeat(2,1fr)}}.panel.svelte-b0kxq{color:var(--text-1);display:flex;flex-direction:column;gap:20px}.panel-head.svelte-b0kxq{display:flex;gap:16px;align-items:flex-start}.panel-icon.svelte-b0kxq{font-size:22px;width:48px;height:48px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-title.svelte-b0kxq{font-family:var(--font-display);font-size:18px;font-weight:800;margin-bottom:4px}.panel-desc.svelte-b0kxq{font-size:13px;color:var(--text-3);line-height:1.6}.preset-row.svelte-b0kxq{display:flex;gap:4px;flex-wrap:wrap}.preset-btn.svelte-b0kxq{padding:7px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-2);font-family:var(--font-display);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--t)}.preset-btn.svelte-b0kxq:hover{background:var(--bg-subtle)}.preset-btn.active.svelte-b0kxq{background:#0d0d140f;border-color:var(--accent);color:var(--text-1)}.state-swatches.svelte-b0kxq{display:flex;gap:8px;flex-wrap:wrap}.state-chip.svelte-b0kxq{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md)}.state-swatch.svelte-b0kxq{width:24px;height:24px;border-radius:6px;border:1px solid rgba(0,0,0,.15)}.state-label.svelte-b0kxq{font-family:var(--font-display);font-size:12px;font-weight:600}.state-hex.svelte-b0kxq{font-size:11px;color:var(--text-3)}.custom-editor.svelte-b0kxq{display:flex;flex-direction:column;gap:8px}.custom-state-row.svelte-b0kxq{display:flex;align-items:center;gap:10px}.color-row.svelte-b0kxq{display:flex;align-items:center;gap:6px;position:relative}.mini-swatch.svelte-b0kxq{width:28px;height:28px;border-radius:6px;border:1px solid rgba(128,128,128,.3);cursor:pointer}.overall-status.svelte-b0kxq{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--r-md);border:1px solid}.overall-status.pass.svelte-b0kxq{background:var(--pass-bg);border-color:var(--pass-border)}.overall-status.fail.svelte-b0kxq{background:var(--fail-bg);border-color:var(--fail-border)}.status-icon.svelte-b0kxq{font-size:20px}.overall-status.pass.svelte-b0kxq .status-icon:where(.svelte-b0kxq){color:var(--pass)}.overall-status.fail.svelte-b0kxq .status-icon:where(.svelte-b0kxq){color:var(--fail)}.status-title.svelte-b0kxq{font-family:var(--font-display);font-size:13px;font-weight:700;margin-bottom:4px}.status-note.svelte-b0kxq{font-size:12px;color:var(--text-3)}.matrix-section.svelte-b0kxq{display:flex;flex-direction:column;gap:12px}.condition-block.svelte-b0kxq{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.condition-header.svelte-b0kxq{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-subtle);border-bottom:1px solid var(--border)}.condition-label.svelte-b0kxq{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2)}.mini-tag.svelte-b0kxq{font-family:var(--font-display);font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px}.mini-tag.pass.svelte-b0kxq{background:var(--pass-bg);color:var(--pass)}.mini-tag.fail.svelte-b0kxq{background:var(--fail-bg);color:var(--fail)}.pairs-grid.svelte-b0kxq{display:flex;flex-wrap:wrap;gap:0}.pair-cell.svelte-b0kxq{flex:1;min-width:140px;padding:12px 14px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:5px}.pair-cell.pass.svelte-b0kxq{border-left:2px solid var(--pass-border)}.pair-cell.fail.svelte-b0kxq{border-left:2px solid var(--fail-border)}.pair-swatches.svelte-b0kxq{display:flex;align-items:center;gap:5px}.pair-swatch.svelte-b0kxq{width:22px;height:22px;border-radius:5px;border:1px solid rgba(0,0,0,.1)}.pair-labels.svelte-b0kxq{display:flex;align-items:center;gap:4px;font-size:10px;font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2)}.pair-ratio.svelte-b0kxq{font-size:14px;font-weight:600}.pair-ratio.pass.svelte-b0kxq{color:var(--pass)}.pair-ratio.fail.svelte-b0kxq{color:var(--fail)}.panel.svelte-1kg0wq9{color:var(--text-1);display:flex;flex-direction:column;gap:20px}.panel-head.svelte-1kg0wq9{display:flex;gap:16px;align-items:flex-start}.panel-icon.svelte-1kg0wq9{font-size:22px;width:48px;height:48px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-title.svelte-1kg0wq9{font-family:var(--font-display);font-size:18px;font-weight:800;margin-bottom:4px}.panel-desc.svelte-1kg0wq9{font-size:13px;color:var(--text-3);line-height:1.6}.mode-cards.svelte-1kg0wq9{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mode-card.svelte-1kg0wq9{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all var(--t)}.mode-card.svelte-1kg0wq9:hover{background:var(--bg-subtle);border-color:var(--text-3)}.mode-card.active.svelte-1kg0wq9{background:#0d0d140f;border-color:var(--accent)}.mode-icon.svelte-1kg0wq9{font-size:18px}.mode-label.svelte-1kg0wq9{font-family:var(--font-display);font-size:11px;font-weight:700;text-align:center}.mode-ratio.svelte-1kg0wq9{font-size:13px;font-weight:600}.mode-ratio.pass.svelte-1kg0wq9{color:var(--pass)}.mode-ratio.warn.svelte-1kg0wq9{color:var(--warn)}.mode-ratio.fail.svelte-1kg0wq9{color:var(--fail)}.mode-indicators.svelte-1kg0wq9{display:flex;gap:3px}.mini-ind.svelte-1kg0wq9{font-family:var(--font-display);font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px}.mini-ind.pass.svelte-1kg0wq9{background:var(--pass-bg);color:var(--pass)}.mini-ind.fail.svelte-1kg0wq9{background:var(--fail-bg);color:var(--fail)}.split-preview.svelte-1kg0wq9{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-half.svelte-1kg0wq9{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border)}.half-label.svelte-1kg0wq9{padding:8px 16px;background:var(--bg);border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);display:flex;align-items:center;gap:6px}.half-content.svelte-1kg0wq9{padding:20px;min-height:160px;transition:all var(--t-slow)}.half-score.svelte-1kg0wq9{padding:10px 16px;background:var(--bg);border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.mono.pass.svelte-1kg0wq9{color:var(--pass);font-weight:600}.mono.warn.svelte-1kg0wq9{color:var(--warn);font-weight:600}.mono.fail.svelte-1kg0wq9{color:var(--fail);font-weight:600}.pass.svelte-1kg0wq9{color:var(--pass);font-weight:600}.fail.svelte-1kg0wq9{color:var(--fail);font-weight:600}.sim-detail.svelte-1kg0wq9{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:16px}.detail-cols.svelte-1kg0wq9{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px}.color-shift-grid.svelte-1kg0wq9{display:flex;flex-direction:column;gap:6px}.shift-row.svelte-1kg0wq9{display:flex;align-items:center;gap:7px}.shift-arrow.svelte-1kg0wq9{font-size:14px;color:var(--text-3)}.shift-hex.svelte-1kg0wq9{font-size:11px;color:var(--text-2)}.shift-label.svelte-1kg0wq9{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-display);font-weight:700}.status-line.svelte-1kg0wq9{display:flex;justify-content:space-between;font-size:12px}.status-line.svelte-1kg0wq9 span:where(.svelte-1kg0wq9):first-child{color:var(--text-2)}.all-modes.svelte-1kg0wq9{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.all-header.svelte-1kg0wq9{padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.all-grid.svelte-1kg0wq9{display:grid;grid-template-columns:repeat(5,1fr)}.all-item.svelte-1kg0wq9{border-right:1px solid var(--border)}.all-item.svelte-1kg0wq9:last-child{border-right:none}.all-item.active.svelte-1kg0wq9{background:#0d0d140f}.all-item.original.svelte-1kg0wq9{opacity:.7}.all-preview.svelte-1kg0wq9{border-bottom:1px solid var(--border);transition:all var(--t-slow)}.all-label.svelte-1kg0wq9{padding:6px 12px;font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.all-ratio.svelte-1kg0wq9{padding:4px 12px 10px;font-size:13px;font-weight:600}@media(max-width:900px){.split-preview.svelte-1kg0wq9{grid-template-columns:1fr}.mode-cards.svelte-1kg0wq9{grid-template-columns:repeat(2,1fr)}.all-grid.svelte-1kg0wq9{grid-template-columns:repeat(3,1fr)}.detail-cols.svelte-1kg0wq9{grid-template-columns:1fr}}.avanzado.svelte-1pd9byz{display:flex;flex-direction:column}.tools-nav.svelte-1pd9byz{display:flex;gap:2px;padding:4px;background:var(--bg-muted);border-bottom:1px solid var(--border);overflow-x:auto}.nav-btn.svelte-1pd9byz{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:var(--r-md);cursor:pointer;font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--text-3);transition:all var(--t);white-space:nowrap;text-align:center}.nav-btn.svelte-1pd9byz:hover{background:var(--bg-card);color:var(--text-2)}.nav-btn.active.svelte-1pd9byz{background:var(--bg-card);color:var(--text-1);box-shadow:var(--shadow-xs)}.tool-body.svelte-1pd9byz{padding:20px;overflow-y:auto}.page.svelte-1uha8ag{min-height:100vh;display:flex;justify-content:center}.container.svelte-1uha8ag{width:100%;max-width:660px;padding:40px 24px;display:flex;flex-direction:column;gap:24px}.header.svelte-1uha8ag{display:flex;align-items:center;justify-content:center}.logo.svelte-1uha8ag{display:flex;align-items:center;gap:8px;color:var(--text-1)}.logo-text.svelte-1uha8ag{font-family:var(--font-display);font-size:16px;font-weight:800;letter-spacing:-.02em}.preview.svelte-1uha8ag{border-radius:var(--r-2xl);padding:40px 32px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-lg);transition:all var(--t-slow)}.preview-text.svelte-1uha8ag{display:flex;flex-direction:column;gap:8px}.preview-heading.svelte-1uha8ag{font-family:var(--font-display);font-weight:800;font-size:24px;line-height:1.2}.preview-body.svelte-1uha8ag{font-size:15px;line-height:1.7;max-width:480px}.preview-small.svelte-1uha8ag{font-size:11px;opacity:.7}.preview-samples.svelte-1uha8ag{display:flex;gap:8px}.sample-chip.svelte-1uha8ag{padding:8px 18px;border-radius:var(--r-md);font-family:var(--font-display);transition:all var(--t)}.sample-chip.outline.svelte-1uha8ag{background:transparent;border:1.5px solid}.controls.svelte-1uha8ag{display:flex;align-items:flex-start;justify-content:center;gap:12px}.color-field.svelte-1uha8ag{display:flex;align-items:center;gap:8px;flex:1;max-width:260px;position:relative;flex-wrap:wrap}.swatch-wrap.svelte-1uha8ag{position:relative;flex-shrink:0;cursor:pointer}.swatch.svelte-1uha8ag{width:44px;height:44px;border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow var(--t)}.swatch.svelte-1uha8ag:hover{box-shadow:var(--shadow-md)}.swatch-input.svelte-1uha8ag{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;border:none;padding:0}.hex-input.svelte-1uha8ag{flex:1;min-width:0;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-1);font-family:var(--font-mono);font-size:14px;font-weight:500;outline:none;transition:border-color var(--t),box-shadow var(--t)}.hex-input.svelte-1uha8ag:focus{border-color:var(--text-1);box-shadow:0 0 0 3px #1118270f}.hex-input.error.svelte-1uha8ag{border-color:var(--fail)}.field-label.svelte-1uha8ag{width:100%;font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding-left:52px;margin-top:-4px}.pick-btn.svelte-1uha8ag{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-3);cursor:pointer;transition:all var(--t);flex-shrink:0}.pick-btn.svelte-1uha8ag:hover{color:var(--text-1);background:var(--bg-muted)}.swap-btn.svelte-1uha8ag{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;color:var(--text-3);cursor:pointer;transition:all var(--t);flex-shrink:0;margin-top:2px}.swap-btn.svelte-1uha8ag:hover{color:var(--text-1);background:var(--bg-muted);transform:rotate(180deg)}.ratio-section.svelte-1uha8ag{text-align:center;padding:8px 0}.ratio-number.svelte-1uha8ag{font-family:var(--font-mono);font-size:56px;font-weight:700;line-height:1;letter-spacing:-.03em;transition:color var(--t-slow)}.ratio-colon.svelte-1uha8ag{font-weight:400;opacity:.5;font-size:40px}.ratio-number.aaa.svelte-1uha8ag,.ratio-number.aa.svelte-1uha8ag{color:var(--pass)}.ratio-number.aa-large.svelte-1uha8ag{color:var(--warn)}.ratio-number.fail.svelte-1uha8ag{color:var(--fail)}.ratio-level.svelte-1uha8ag{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-top:6px}.ratio-level.aaa.svelte-1uha8ag,.ratio-level.aa.svelte-1uha8ag{color:var(--pass)}.ratio-level.aa-large.svelte-1uha8ag{color:var(--warn)}.ratio-level.fail.svelte-1uha8ag{color:var(--fail)}.badges-row.svelte-1uha8ag{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.wcag-badge.svelte-1uha8ag{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-lg);border:1px solid;font-family:var(--font-display);font-size:11px;font-weight:600;transition:transform var(--t);cursor:default}.wcag-badge.svelte-1uha8ag:hover{transform:translateY(-1px)}.wcag-badge.pass.svelte-1uha8ag{background:var(--pass-bg);border-color:var(--pass-border);color:var(--pass)}.wcag-badge.fail.svelte-1uha8ag{background:var(--fail-bg);border-color:var(--fail-border);color:var(--fail)}.wb-check.svelte-1uha8ag{font-size:13px}.wb-name.svelte-1uha8ag{font-weight:700}.wb-req.svelte-1uha8ag{font-size:10px;opacity:.7}.apca-row.svelte-1uha8ag{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg)}.apca-tag.svelte-1uha8ag{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);flex-shrink:0}.apca-value.svelte-1uha8ag{font-size:15px;font-weight:600;flex-shrink:0}.apca-label.svelte-1uha8ag{font-size:12px;color:var(--text-3);flex-shrink:0}.apca-bar.svelte-1uha8ag{flex:1;height:4px;background:var(--bg-muted);border-radius:2px;overflow:hidden}.apca-fill.svelte-1uha8ag{height:100%;border-radius:2px;transition:width var(--t-slow)}.tools-section.svelte-1uha8ag{display:flex;flex-direction:column;gap:0}.tools-tabs.svelte-1uha8ag{display:flex;gap:2px;padding:3px;background:var(--bg-muted);border-radius:var(--r-lg);border:1px solid var(--border)}.tool-tab.svelte-1uha8ag{flex:1;padding:8px 16px;border:none;background:transparent;color:var(--text-3);font-family:var(--font-display);font-size:12px;font-weight:600;cursor:pointer;border-radius:var(--r-md);transition:all var(--t);text-align:center}.tool-tab.svelte-1uha8ag:hover{color:var(--text-2)}.tool-tab.active.svelte-1uha8ag{background:var(--bg-card);color:var(--text-1);box-shadow:var(--shadow-xs)}.tool-content.svelte-1uha8ag{margin-top:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.footer.svelte-1uha8ag{text-align:center;padding:16px 0;font-size:11px;color:var(--text-3)}@media(max-width:600px){.container.svelte-1uha8ag{padding:24px 16px;gap:20px}.preview.svelte-1uha8ag{padding:28px 20px;min-height:140px}.preview-heading.svelte-1uha8ag{font-size:20px}.ratio-number.svelte-1uha8ag{font-size:44px}.ratio-colon.svelte-1uha8ag{font-size:32px}.controls.svelte-1uha8ag{flex-wrap:wrap;gap:8px}.color-field.svelte-1uha8ag{max-width:none}.badges-row.svelte-1uha8ag{gap:4px}.wcag-badge.svelte-1uha8ag{padding:6px 10px;font-size:10px}}