.optical-page.svelte-5690ub{max-width:960px}.page-header.svelte-5690ub{margin-bottom:36px}.page-header.svelte-5690ub h1:where(.svelte-5690ub){font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--slate-900);margin-bottom:6px}.page-header.svelte-5690ub p:where(.svelte-5690ub){font-size:1rem;color:var(--slate-500)}.controls.svelte-5690ub{display:flex;gap:32px;align-items:flex-end;margin-bottom:48px;padding:24px;background:var(--surface-bright);border:1px solid var(--outline-variant);border-radius:var(--radius-lg)}.control-group.svelte-5690ub{display:flex;flex-direction:column;gap:8px}.control-group.svelte-5690ub label:where(.svelte-5690ub),.control-label.svelte-5690ub{font-size:.8125rem;font-weight:500;color:var(--slate-600)}.tab-group.svelte-5690ub{display:flex;gap:2px;background:var(--surface-dim);border-radius:var(--radius-sm);padding:3px}.tab-btn.svelte-5690ub{padding:7px 14px;font-size:.8125rem;font-weight:500;color:var(--slate-600);border-radius:4px;text-transform:capitalize}.tab-btn.active.svelte-5690ub{background:var(--surface-bright);color:var(--slate-900);box-shadow:var(--shadow-sm)}.tab-btn.svelte-5690ub:hover:not(.active){color:var(--slate-800)}input[type=range].svelte-5690ub{width:180px;accent-color:var(--primary);border:none;padding:0;background:transparent}input[type=range].svelte-5690ub:focus{box-shadow:none}.section.svelte-5690ub{margin-bottom:48px}.section.svelte-5690ub h2:where(.svelte-5690ub){font-size:1.125rem;font-weight:600;color:var(--slate-800);margin-bottom:16px}.comparison.svelte-5690ub{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:start}.comparison-side.svelte-5690ub{display:flex;flex-direction:column;gap:12px}.side-label.svelte-5690ub{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-400)}.side-label.corrected.svelte-5690ub{color:var(--primary)}.comparison-divider.svelte-5690ub{display:flex;align-items:center;justify-content:center;padding-top:80px}.divider-arrow.svelte-5690ub{font-size:.75rem;font-weight:600;color:var(--slate-300);text-transform:uppercase;letter-spacing:.08em}.demo-container.svelte-5690ub{display:flex;align-items:flex-start;justify-content:center}.demo-box.svelte-5690ub{background:var(--surface-bright);border:1px solid var(--outline-variant);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.demo-box.svelte-5690ub:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--outline-variant);pointer-events:none}.demo-box.svelte-5690ub:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--outline-variant);pointer-events:none}.demo-box.opt.svelte-5690ub{border-color:var(--blue-200);background:color-mix(in oklch,var(--blue-50) 50%,white)}.text-demo.svelte-5690ub,.card-demo.svelte-5690ub{flex-direction:column;align-items:flex-start;gap:6px;min-width:200px}.text-demo.svelte-5690ub:before,.text-demo.svelte-5690ub:after,.card-demo.svelte-5690ub:before,.card-demo.svelte-5690ub:after{display:none}.text-body.svelte-5690ub{color:var(--slate-500);line-height:1.5}.card-title.svelte-5690ub{font-weight:600;color:var(--slate-800)}.card-title.corrected.svelte-5690ub{color:var(--blue-700)}.card-body.svelte-5690ub{color:var(--slate-500);line-height:1.5}.demo-shape-container.svelte-5690ub{position:relative;display:flex;align-items:center;justify-content:center}.demo-rect.svelte-5690ub{position:absolute;border:1.5px dashed var(--slate-300);border-radius:2px}.demo-circle.svelte-5690ub{border-radius:50%;background:var(--slate-200);border:1.5px solid var(--slate-400);transition:all .3s ease;z-index:1}.demo-circle.corrected.svelte-5690ub{background:color-mix(in oklch,var(--blue-100) 60%,white);border-color:var(--blue-400)}.demo-btn.svelte-5690ub{font-weight:600;background:var(--slate-800);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;transition:all .3s ease}.demo-btn.corrected.svelte-5690ub{background:var(--primary)}.corrections-list.svelte-5690ub{display:flex;flex-direction:column;gap:12px}.correction-item.svelte-5690ub{background:var(--surface-bright);border:1px solid var(--outline-variant);border-radius:var(--radius);padding:16px 20px}.correction-prop.svelte-5690ub{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}.correction-prop.svelte-5690ub code:where(.svelte-5690ub){font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--primary)}.correction-value.svelte-5690ub{font-family:var(--font-mono);font-size:.8125rem;color:var(--slate-600)}.correction-reason.svelte-5690ub{font-size:.8125rem;color:var(--slate-500);line-height:1.5}.code-header.svelte-5690ub{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.code-header.svelte-5690ub h2:where(.svelte-5690ub){margin-bottom:0}.copy-btn.svelte-5690ub{padding:6px 16px;font-size:.8125rem;font-weight:500;background:var(--primary);color:var(--on-primary);border-radius:var(--radius-sm)}.copy-btn.svelte-5690ub:hover{background:var(--primary-hover)}.code-block.svelte-5690ub{background:var(--slate-950);color:#e2e5e9;border-radius:var(--radius);padding:24px;max-height:400px;overflow:auto}.code-block.svelte-5690ub code:where(.svelte-5690ub){color:#fcd34d}@media(max-width:700px){.comparison.svelte-5690ub{grid-template-columns:1fr}.comparison-divider.svelte-5690ub{padding-top:0}.controls.svelte-5690ub{flex-direction:column;align-items:stretch;gap:16px}}