:root{--nb-primary-50:#eef2ff;--nb-primary-100:#e0e7ff;--nb-primary-200:#c7d2fe;--nb-primary-300:#a5b4fc;--nb-primary-400:#818cf8;--nb-primary-500:#6366f1;--nb-primary-600:#4f46e5;--nb-primary-700:#4338ca;--nb-primary-800:#3730a3;--nb-primary-900:#312e81;--nb-neutral-0:#fff;--nb-neutral-50:#fafafa;--nb-neutral-100:#f5f5f5;--nb-neutral-150:#ededed;--nb-neutral-200:#e5e5e5;--nb-neutral-300:#d4d4d4;--nb-neutral-400:#a3a3a3;--nb-neutral-500:#737373;--nb-neutral-600:#525252;--nb-neutral-700:#404040;--nb-neutral-800:#262626;--nb-neutral-850:#1a1a1a;--nb-neutral-900:#171717;--nb-neutral-950:#0a0a0a;--nb-error-light:#fef2f2;--nb-error-border:#fecaca;--nb-error-text:#dc2626;--nb-error-bg:#fee2e2;--nb-success-light:#f0fdf4;--nb-success-border:#bbf7d0;--nb-success-text:#16a34a;--nb-bg-app:var(--nb-neutral-0);--nb-bg-sidebar:var(--nb-neutral-50);--nb-bg-panel:var(--nb-neutral-50);--nb-bg-canvas:var(--nb-neutral-0);--nb-bg-elevated:var(--nb-neutral-0);--nb-bg-hover:var(--nb-neutral-100);--nb-bg-active:var(--nb-primary-50);--nb-bg-input:var(--nb-neutral-0);--nb-bg-glass:#fffc;--nb-border-subtle:var(--nb-neutral-150);--nb-border-default:var(--nb-neutral-200);--nb-border-strong:var(--nb-neutral-300);--nb-border-focus:var(--nb-primary-500);--nb-text-primary:var(--nb-neutral-900);--nb-text-secondary:var(--nb-neutral-600);--nb-text-tertiary:var(--nb-neutral-500);--nb-text-muted:var(--nb-neutral-400);--nb-text-inverse:var(--nb-neutral-0);--nb-text-brand:var(--nb-primary-600);--nb-interactive-default:var(--nb-neutral-700);--nb-interactive-hover:var(--nb-neutral-900);--nb-interactive-active:var(--nb-primary-600);--nb-font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--nb-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--nb-text-xs:.75rem;--nb-text-sm:.875rem;--nb-text-base:1rem;--nb-text-lg:1.125rem;--nb-text-xl:1.25rem;--nb-leading-tight:1.25;--nb-leading-normal:1.5;--nb-leading-relaxed:1.625;--nb-font-normal:400;--nb-font-medium:500;--nb-font-semibold:600;--nb-space-0:0;--nb-space-1:.25rem;--nb-space-1-5:.375rem;--nb-space-2:.5rem;--nb-space-3:.75rem;--nb-space-4:1rem;--nb-space-5:1.25rem;--nb-space-6:1.5rem;--nb-space-8:2rem;--nb-space-10:2.5rem;--nb-space-12:3rem;--nb-radius-sm:.375rem;--nb-radius-md:.5rem;--nb-radius-lg:.75rem;--nb-radius-xl:1rem;--nb-radius-full:9999px;--nb-shadow-xs:0 1px 2px #0000000d;--nb-shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000f;--nb-shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;--nb-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000f;--nb-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000f;--nb-ring-width:2px;--nb-ring-offset:2px;--nb-ring-color:var(--nb-primary-500);--nb-ring:0 0 0 var(--nb-ring-offset)var(--nb-bg-app),0 0 0 calc(var(--nb-ring-offset) + var(--nb-ring-width))var(--nb-ring-color);--nb-transition-fast:.1s ease;--nb-transition-base:.15s ease;--nb-transition-slow:.2s ease;--nb-transition-slower:.3s ease;--nb-glass-blur:12px;--nb-glass-bg:#ffffffd9;--nb-glass-border:#fff3;--nb-sidebar-width:280px;--nb-header-height:56px;--nb-controls-max-height:280px;--nb-mobile-header-height:48px}@media (prefers-color-scheme:dark){:root{--nb-bg-app:var(--nb-neutral-950);--nb-bg-sidebar:var(--nb-neutral-900);--nb-bg-panel:var(--nb-neutral-900);--nb-bg-canvas:var(--nb-neutral-950);--nb-bg-elevated:var(--nb-neutral-850);--nb-bg-hover:var(--nb-neutral-800);--nb-bg-active:#6366f126;--nb-bg-input:var(--nb-neutral-850);--nb-bg-glass:#0a0a0ad9;--nb-border-subtle:var(--nb-neutral-850);--nb-border-default:var(--nb-neutral-800);--nb-border-strong:var(--nb-neutral-700);--nb-border-focus:var(--nb-primary-400);--nb-text-primary:var(--nb-neutral-50);--nb-text-secondary:var(--nb-neutral-300);--nb-text-tertiary:var(--nb-neutral-400);--nb-text-muted:var(--nb-neutral-500);--nb-text-inverse:var(--nb-neutral-900);--nb-text-brand:var(--nb-primary-400);--nb-interactive-default:var(--nb-neutral-300);--nb-interactive-hover:var(--nb-neutral-50);--nb-interactive-active:var(--nb-primary-400);--nb-error-light:#dc26261a;--nb-error-border:#dc26264d;--nb-error-text:#fca5a5;--nb-error-bg:#dc262626;--nb-glass-bg:#171717e6;--nb-glass-border:#ffffff1a;--nb-shadow-xs:0 1px 2px #0000004d;--nb-shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--nb-shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--nb-shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--nb-shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0000004d;--nb-ring-color:var(--nb-primary-400)}}.controls-panel-module__6kxOGa__panel{background:var(--nb-bg-panel);flex-direction:column;flex-shrink:0;display:flex;position:relative}.controls-panel-module__6kxOGa__panelBottom{border-top:1px solid var(--nb-border-subtle)}.controls-panel-module__6kxOGa__panelRight{border-left:1px solid var(--nb-border-subtle)}.controls-panel-module__6kxOGa__panelCollapsed{flex-basis:auto}.controls-panel-module__6kxOGa__panelRight.controls-panel-module__6kxOGa__panelCollapsed{width:auto}.controls-panel-module__6kxOGa__panelBottom.controls-panel-module__6kxOGa__panelCollapsed{height:auto}.controls-panel-module__6kxOGa__resizeHandle{z-index:10;transition:background var(--nb-transition-fast);position:absolute}.controls-panel-module__6kxOGa__resizeHandle:hover{background:var(--nb-primary-500)}.controls-panel-module__6kxOGa__resizeHandleBottom{cursor:row-resize;height:4px;top:0;left:0;right:0}.controls-panel-module__6kxOGa__resizeHandleRight{cursor:col-resize;width:4px;top:0;bottom:0;left:0}.controls-panel-module__6kxOGa__header{padding:var(--nb-space-3)var(--nb-space-4);border-bottom:1px solid var(--nb-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.controls-panel-module__6kxOGa__headerActions{align-items:center;gap:var(--nb-space-2);display:flex}.controls-panel-module__6kxOGa__positionButton{border-radius:var(--nb-radius-sm);width:28px;height:28px;color:var(--nb-text-tertiary);cursor:pointer;transition:background var(--nb-transition-fast),color var(--nb-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.controls-panel-module__6kxOGa__positionButton:hover{background:var(--nb-bg-hover);color:var(--nb-text-primary)}.controls-panel-module__6kxOGa__headerTitle{font-size:var(--nb-text-sm);font-weight:var(--nb-font-medium);color:var(--nb-text-secondary)}.controls-panel-module__6kxOGa__resetButton{font-size:var(--nb-text-xs);font-family:var(--nb-font-sans);color:var(--nb-text-tertiary);cursor:pointer;padding:var(--nb-space-1)var(--nb-space-2);border-radius:var(--nb-radius-sm);transition:color var(--nb-transition-fast),background var(--nb-transition-fast);background:0 0;border:none}.controls-panel-module__6kxOGa__resetButton:hover{color:var(--nb-text-primary);background:var(--nb-bg-hover)}.controls-panel-module__6kxOGa__controlsList{min-height:0;padding:var(--nb-space-4);gap:var(--nb-space-4);scrollbar-width:thin;scrollbar-color:var(--nb-neutral-300)transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.controls-panel-module__6kxOGa__controlsList::-webkit-scrollbar{width:6px}.controls-panel-module__6kxOGa__controlsList::-webkit-scrollbar-track{background:0 0}.controls-panel-module__6kxOGa__controlsList::-webkit-scrollbar-thumb{background:var(--nb-neutral-300);border-radius:var(--nb-radius-full)}@media (prefers-color-scheme:dark){.controls-panel-module__6kxOGa__controlsList{scrollbar-color:var(--nb-neutral-700)transparent}.controls-panel-module__6kxOGa__controlsList::-webkit-scrollbar-thumb{background:var(--nb-neutral-700)}}.controls-panel-module__6kxOGa__controlGroup{gap:var(--nb-space-2);flex-direction:column;display:flex}.controls-panel-module__6kxOGa__controlRow{gap:var(--nb-space-3);flex-wrap:wrap;display:flex}.controls-panel-module__6kxOGa__switchRow{gap:var(--nb-space-4);flex-wrap:wrap;align-items:center;display:flex}.controls-panel-module__6kxOGa__field{gap:var(--nb-space-1-5);flex-direction:column;flex:1;min-width:120px;max-width:200px;display:flex}.controls-panel-module__6kxOGa__label{align-items:center;gap:var(--nb-space-1);font-size:var(--nb-text-xs);font-weight:var(--nb-font-medium);color:var(--nb-text-tertiary);text-transform:uppercase;letter-spacing:.025em;display:inline-flex}.controls-panel-module__6kxOGa__infoIcon{color:var(--nb-text-muted);cursor:help;transition:color var(--nb-transition-fast);justify-content:center;align-items:center;display:inline-flex}.controls-panel-module__6kxOGa__infoIcon:hover{color:var(--nb-text-secondary)}.controls-panel-module__6kxOGa__switchField{gap:var(--nb-space-1-5);flex-direction:column;display:flex}.controls-panel-module__6kxOGa__input{width:100%;padding:var(--nb-space-2)var(--nb-space-3);font-size:var(--nb-text-sm);font-family:var(--nb-font-sans);color:var(--nb-text-primary);background-color:var(--nb-bg-input);border:1px solid var(--nb-border-default);border-radius:var(--nb-radius-md);transition:border-color var(--nb-transition-fast),box-shadow var(--nb-transition-fast),background-color var(--nb-transition-fast);outline:none}.controls-panel-module__6kxOGa__input:hover{border-color:var(--nb-border-strong)}.controls-panel-module__6kxOGa__input:focus{border-color:var(--nb-border-focus);background-color:var(--nb-bg-elevated)}.controls-panel-module__6kxOGa__input::placeholder{color:var(--nb-text-muted)}.controls-panel-module__6kxOGa__select{appearance:none;padding-right:var(--nb-space-8);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 12px}.controls-panel-module__6kxOGa__toggle{border-radius:var(--nb-radius-full);background:var(--nb-neutral-300);cursor:pointer;width:44px;height:24px;transition:background var(--nb-transition-base);border:none;padding:0;position:relative}.controls-panel-module__6kxOGa__toggle:hover{background:var(--nb-neutral-400)}.controls-panel-module__6kxOGa__toggleActive{background:var(--nb-primary-500)}.controls-panel-module__6kxOGa__toggleActive:hover{background:var(--nb-primary-600)}.controls-panel-module__6kxOGa__toggleKnob{border-radius:var(--nb-radius-full);width:20px;height:20px;box-shadow:var(--nb-shadow-sm);transition:transform var(--nb-transition-base);background:#fff;position:absolute;top:2px;left:2px}.controls-panel-module__6kxOGa__toggleKnobActive{transform:translate(20px)}@media (prefers-color-scheme:dark){.controls-panel-module__6kxOGa__toggle{background:var(--nb-neutral-700)}.controls-panel-module__6kxOGa__toggle:hover{background:var(--nb-neutral-600)}}
:root{--nb-primary-50:#eef2ff;--nb-primary-100:#e0e7ff;--nb-primary-200:#c7d2fe;--nb-primary-300:#a5b4fc;--nb-primary-400:#818cf8;--nb-primary-500:#6366f1;--nb-primary-600:#4f46e5;--nb-primary-700:#4338ca;--nb-primary-800:#3730a3;--nb-primary-900:#312e81;--nb-neutral-0:#fff;--nb-neutral-50:#fafafa;--nb-neutral-100:#f5f5f5;--nb-neutral-150:#ededed;--nb-neutral-200:#e5e5e5;--nb-neutral-300:#d4d4d4;--nb-neutral-400:#a3a3a3;--nb-neutral-500:#737373;--nb-neutral-600:#525252;--nb-neutral-700:#404040;--nb-neutral-800:#262626;--nb-neutral-850:#1a1a1a;--nb-neutral-900:#171717;--nb-neutral-950:#0a0a0a;--nb-error-light:#fef2f2;--nb-error-border:#fecaca;--nb-error-text:#dc2626;--nb-error-bg:#fee2e2;--nb-success-light:#f0fdf4;--nb-success-border:#bbf7d0;--nb-success-text:#16a34a;--nb-bg-app:var(--nb-neutral-0);--nb-bg-sidebar:var(--nb-neutral-50);--nb-bg-panel:var(--nb-neutral-50);--nb-bg-canvas:var(--nb-neutral-0);--nb-bg-elevated:var(--nb-neutral-0);--nb-bg-hover:var(--nb-neutral-100);--nb-bg-active:var(--nb-primary-50);--nb-bg-input:var(--nb-neutral-0);--nb-bg-glass:#fffc;--nb-border-subtle:var(--nb-neutral-150);--nb-border-default:var(--nb-neutral-200);--nb-border-strong:var(--nb-neutral-300);--nb-border-focus:var(--nb-primary-500);--nb-text-primary:var(--nb-neutral-900);--nb-text-secondary:var(--nb-neutral-600);--nb-text-tertiary:var(--nb-neutral-500);--nb-text-muted:var(--nb-neutral-400);--nb-text-inverse:var(--nb-neutral-0);--nb-text-brand:var(--nb-primary-600);--nb-interactive-default:var(--nb-neutral-700);--nb-interactive-hover:var(--nb-neutral-900);--nb-interactive-active:var(--nb-primary-600);--nb-font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--nb-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--nb-text-xs:.75rem;--nb-text-sm:.875rem;--nb-text-base:1rem;--nb-text-lg:1.125rem;--nb-text-xl:1.25rem;--nb-leading-tight:1.25;--nb-leading-normal:1.5;--nb-leading-relaxed:1.625;--nb-font-normal:400;--nb-font-medium:500;--nb-font-semibold:600;--nb-space-0:0;--nb-space-1:.25rem;--nb-space-1-5:.375rem;--nb-space-2:.5rem;--nb-space-3:.75rem;--nb-space-4:1rem;--nb-space-5:1.25rem;--nb-space-6:1.5rem;--nb-space-8:2rem;--nb-space-10:2.5rem;--nb-space-12:3rem;--nb-radius-sm:.375rem;--nb-radius-md:.5rem;--nb-radius-lg:.75rem;--nb-radius-xl:1rem;--nb-radius-full:9999px;--nb-shadow-xs:0 1px 2px #0000000d;--nb-shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000f;--nb-shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;--nb-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000f;--nb-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000f;--nb-ring-width:2px;--nb-ring-offset:2px;--nb-ring-color:var(--nb-primary-500);--nb-ring:0 0 0 var(--nb-ring-offset)var(--nb-bg-app),0 0 0 calc(var(--nb-ring-offset) + var(--nb-ring-width))var(--nb-ring-color);--nb-transition-fast:.1s ease;--nb-transition-base:.15s ease;--nb-transition-slow:.2s ease;--nb-transition-slower:.3s ease;--nb-glass-blur:12px;--nb-glass-bg:#ffffffd9;--nb-glass-border:#fff3;--nb-sidebar-width:280px;--nb-header-height:56px;--nb-controls-max-height:280px;--nb-mobile-header-height:48px}@media (prefers-color-scheme:dark){:root{--nb-bg-app:var(--nb-neutral-950);--nb-bg-sidebar:var(--nb-neutral-900);--nb-bg-panel:var(--nb-neutral-900);--nb-bg-canvas:var(--nb-neutral-950);--nb-bg-elevated:var(--nb-neutral-850);--nb-bg-hover:var(--nb-neutral-800);--nb-bg-active:#6366f126;--nb-bg-input:var(--nb-neutral-850);--nb-bg-glass:#0a0a0ad9;--nb-border-subtle:var(--nb-neutral-850);--nb-border-default:var(--nb-neutral-800);--nb-border-strong:var(--nb-neutral-700);--nb-border-focus:var(--nb-primary-400);--nb-text-primary:var(--nb-neutral-50);--nb-text-secondary:var(--nb-neutral-300);--nb-text-tertiary:var(--nb-neutral-400);--nb-text-muted:var(--nb-neutral-500);--nb-text-inverse:var(--nb-neutral-900);--nb-text-brand:var(--nb-primary-400);--nb-interactive-default:var(--nb-neutral-300);--nb-interactive-hover:var(--nb-neutral-50);--nb-interactive-active:var(--nb-primary-400);--nb-error-light:#dc26261a;--nb-error-border:#dc26264d;--nb-error-text:#fca5a5;--nb-error-bg:#dc262626;--nb-glass-bg:#171717e6;--nb-glass-border:#ffffff1a;--nb-shadow-xs:0 1px 2px #0000004d;--nb-shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--nb-shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--nb-shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--nb-shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0000004d;--nb-ring-color:var(--nb-primary-400)}}.tooltip-module__kwFJ-q__wrapper{display:inline-flex;position:relative}.tooltip-module__kwFJ-q__tooltip{padding:var(--nb-space-1-5)var(--nb-space-2);font-size:var(--nb-text-xs);font-weight:var(--nb-font-medium);color:var(--nb-neutral-0);background:var(--nb-neutral-800);border-radius:var(--nb-radius-sm);white-space:nowrap;pointer-events:none;z-index:99999;box-shadow:var(--nb-shadow-md);animation:.1s ease-out forwards tooltip-module__kwFJ-q__tooltipFadeIn;position:fixed}.tooltip-module__kwFJ-q__tooltipTop:after{content:"";border:5px solid #0000;border-top-color:var(--nb-neutral-800);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-module__kwFJ-q__tooltipBottom:after{content:"";border:5px solid #0000;border-bottom-color:var(--nb-neutral-800);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes tooltip-module__kwFJ-q__tooltipFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme:dark){.tooltip-module__kwFJ-q__tooltip{background:var(--nb-neutral-100);color:var(--nb-neutral-900)}.tooltip-module__kwFJ-q__tooltipTop:after{border-top-color:var(--nb-neutral-100)}.tooltip-module__kwFJ-q__tooltipBottom:after{border-bottom-color:var(--nb-neutral-100)}}
:root{--nb-primary-50:#eef2ff;--nb-primary-100:#e0e7ff;--nb-primary-200:#c7d2fe;--nb-primary-300:#a5b4fc;--nb-primary-400:#818cf8;--nb-primary-500:#6366f1;--nb-primary-600:#4f46e5;--nb-primary-700:#4338ca;--nb-primary-800:#3730a3;--nb-primary-900:#312e81;--nb-neutral-0:#fff;--nb-neutral-50:#fafafa;--nb-neutral-100:#f5f5f5;--nb-neutral-150:#ededed;--nb-neutral-200:#e5e5e5;--nb-neutral-300:#d4d4d4;--nb-neutral-400:#a3a3a3;--nb-neutral-500:#737373;--nb-neutral-600:#525252;--nb-neutral-700:#404040;--nb-neutral-800:#262626;--nb-neutral-850:#1a1a1a;--nb-neutral-900:#171717;--nb-neutral-950:#0a0a0a;--nb-error-light:#fef2f2;--nb-error-border:#fecaca;--nb-error-text:#dc2626;--nb-error-bg:#fee2e2;--nb-success-light:#f0fdf4;--nb-success-border:#bbf7d0;--nb-success-text:#16a34a;--nb-bg-app:var(--nb-neutral-0);--nb-bg-sidebar:var(--nb-neutral-50);--nb-bg-panel:var(--nb-neutral-50);--nb-bg-canvas:var(--nb-neutral-0);--nb-bg-elevated:var(--nb-neutral-0);--nb-bg-hover:var(--nb-neutral-100);--nb-bg-active:var(--nb-primary-50);--nb-bg-input:var(--nb-neutral-0);--nb-bg-glass:#fffc;--nb-border-subtle:var(--nb-neutral-150);--nb-border-default:var(--nb-neutral-200);--nb-border-strong:var(--nb-neutral-300);--nb-border-focus:var(--nb-primary-500);--nb-text-primary:var(--nb-neutral-900);--nb-text-secondary:var(--nb-neutral-600);--nb-text-tertiary:var(--nb-neutral-500);--nb-text-muted:var(--nb-neutral-400);--nb-text-inverse:var(--nb-neutral-0);--nb-text-brand:var(--nb-primary-600);--nb-interactive-default:var(--nb-neutral-700);--nb-interactive-hover:var(--nb-neutral-900);--nb-interactive-active:var(--nb-primary-600);--nb-font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--nb-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--nb-text-xs:.75rem;--nb-text-sm:.875rem;--nb-text-base:1rem;--nb-text-lg:1.125rem;--nb-text-xl:1.25rem;--nb-leading-tight:1.25;--nb-leading-normal:1.5;--nb-leading-relaxed:1.625;--nb-font-normal:400;--nb-font-medium:500;--nb-font-semibold:600;--nb-space-0:0;--nb-space-1:.25rem;--nb-space-1-5:.375rem;--nb-space-2:.5rem;--nb-space-3:.75rem;--nb-space-4:1rem;--nb-space-5:1.25rem;--nb-space-6:1.5rem;--nb-space-8:2rem;--nb-space-10:2.5rem;--nb-space-12:3rem;--nb-radius-sm:.375rem;--nb-radius-md:.5rem;--nb-radius-lg:.75rem;--nb-radius-xl:1rem;--nb-radius-full:9999px;--nb-shadow-xs:0 1px 2px #0000000d;--nb-shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000f;--nb-shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;--nb-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000f;--nb-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000f;--nb-ring-width:2px;--nb-ring-offset:2px;--nb-ring-color:var(--nb-primary-500);--nb-ring:0 0 0 var(--nb-ring-offset)var(--nb-bg-app),0 0 0 calc(var(--nb-ring-offset) + var(--nb-ring-width))var(--nb-ring-color);--nb-transition-fast:.1s ease;--nb-transition-base:.15s ease;--nb-transition-slow:.2s ease;--nb-transition-slower:.3s ease;--nb-glass-blur:12px;--nb-glass-bg:#ffffffd9;--nb-glass-border:#fff3;--nb-sidebar-width:280px;--nb-header-height:56px;--nb-controls-max-height:280px;--nb-mobile-header-height:48px}@media (prefers-color-scheme:dark){:root{--nb-bg-app:var(--nb-neutral-950);--nb-bg-sidebar:var(--nb-neutral-900);--nb-bg-panel:var(--nb-neutral-900);--nb-bg-canvas:var(--nb-neutral-950);--nb-bg-elevated:var(--nb-neutral-850);--nb-bg-hover:var(--nb-neutral-800);--nb-bg-active:#6366f126;--nb-bg-input:var(--nb-neutral-850);--nb-bg-glass:#0a0a0ad9;--nb-border-subtle:var(--nb-neutral-850);--nb-border-default:var(--nb-neutral-800);--nb-border-strong:var(--nb-neutral-700);--nb-border-focus:var(--nb-primary-400);--nb-text-primary:var(--nb-neutral-50);--nb-text-secondary:var(--nb-neutral-300);--nb-text-tertiary:var(--nb-neutral-400);--nb-text-muted:var(--nb-neutral-500);--nb-text-inverse:var(--nb-neutral-900);--nb-text-brand:var(--nb-primary-400);--nb-interactive-default:var(--nb-neutral-300);--nb-interactive-hover:var(--nb-neutral-50);--nb-interactive-active:var(--nb-primary-400);--nb-error-light:#dc26261a;--nb-error-border:#dc26264d;--nb-error-text:#fca5a5;--nb-error-bg:#dc262626;--nb-glass-bg:#171717e6;--nb-glass-border:#ffffff1a;--nb-shadow-xs:0 1px 2px #0000004d;--nb-shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--nb-shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--nb-shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--nb-shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0000004d;--nb-ring-color:var(--nb-primary-400)}}.nextbook-shell-module__YVmo4W__shell{background:var(--nb-bg-app);height:100vh;color:var(--nb-text-primary);font-family:var(--nb-font-sans);font-size:var(--nb-text-sm);line-height:var(--nb-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}@media (max-width:767px){.nextbook-shell-module__YVmo4W__shell{flex-direction:column}}.nextbook-shell-module__YVmo4W__main{background:var(--nb-bg-canvas);flex-direction:column;flex:1;display:flex;overflow:hidden}.nextbook-shell-module__YVmo4W__mobileHeader{padding:0 var(--nb-space-4);height:var(--nb-mobile-header-height);background:var(--nb-bg-sidebar);border-bottom:1px solid var(--nb-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:none}@media (max-width:767px){.nextbook-shell-module__YVmo4W__mobileHeader{display:flex}}.nextbook-shell-module__YVmo4W__mobileHeaderLogo{transition:opacity var(--nb-transition-fast);align-items:center;text-decoration:none;display:flex}.nextbook-shell-module__YVmo4W__mobileHeaderLogo:hover{opacity:.8}.nextbook-shell-module__YVmo4W__mobileHeaderLogoIcon{flex-shrink:0;width:auto;height:18px}.nextbook-shell-module__YVmo4W__menuButton{border-radius:var(--nb-radius-md);width:36px;height:36px;color:var(--nb-text-secondary);cursor:pointer;transition:background var(--nb-transition-fast),color var(--nb-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.nextbook-shell-module__YVmo4W__menuButton:hover{background:var(--nb-bg-hover);color:var(--nb-text-primary)}.nextbook-shell-module__YVmo4W__overlay{z-index:40;opacity:0;transition:opacity var(--nb-transition-base);background:#00000080;display:none;position:fixed;inset:0}.nextbook-shell-module__YVmo4W__overlayVisible{opacity:1}@media (max-width:767px){.nextbook-shell-module__YVmo4W__overlay{display:block}}
:root{--nb-primary-50:#eef2ff;--nb-primary-100:#e0e7ff;--nb-primary-200:#c7d2fe;--nb-primary-300:#a5b4fc;--nb-primary-400:#818cf8;--nb-primary-500:#6366f1;--nb-primary-600:#4f46e5;--nb-primary-700:#4338ca;--nb-primary-800:#3730a3;--nb-primary-900:#312e81;--nb-neutral-0:#fff;--nb-neutral-50:#fafafa;--nb-neutral-100:#f5f5f5;--nb-neutral-150:#ededed;--nb-neutral-200:#e5e5e5;--nb-neutral-300:#d4d4d4;--nb-neutral-400:#a3a3a3;--nb-neutral-500:#737373;--nb-neutral-600:#525252;--nb-neutral-700:#404040;--nb-neutral-800:#262626;--nb-neutral-850:#1a1a1a;--nb-neutral-900:#171717;--nb-neutral-950:#0a0a0a;--nb-error-light:#fef2f2;--nb-error-border:#fecaca;--nb-error-text:#dc2626;--nb-error-bg:#fee2e2;--nb-success-light:#f0fdf4;--nb-success-border:#bbf7d0;--nb-success-text:#16a34a;--nb-bg-app:var(--nb-neutral-0);--nb-bg-sidebar:var(--nb-neutral-50);--nb-bg-panel:var(--nb-neutral-50);--nb-bg-canvas:var(--nb-neutral-0);--nb-bg-elevated:var(--nb-neutral-0);--nb-bg-hover:var(--nb-neutral-100);--nb-bg-active:var(--nb-primary-50);--nb-bg-input:var(--nb-neutral-0);--nb-bg-glass:#fffc;--nb-border-subtle:var(--nb-neutral-150);--nb-border-default:var(--nb-neutral-200);--nb-border-strong:var(--nb-neutral-300);--nb-border-focus:var(--nb-primary-500);--nb-text-primary:var(--nb-neutral-900);--nb-text-secondary:var(--nb-neutral-600);--nb-text-tertiary:var(--nb-neutral-500);--nb-text-muted:var(--nb-neutral-400);--nb-text-inverse:var(--nb-neutral-0);--nb-text-brand:var(--nb-primary-600);--nb-interactive-default:var(--nb-neutral-700);--nb-interactive-hover:var(--nb-neutral-900);--nb-interactive-active:var(--nb-primary-600);--nb-font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--nb-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--nb-text-xs:.75rem;--nb-text-sm:.875rem;--nb-text-base:1rem;--nb-text-lg:1.125rem;--nb-text-xl:1.25rem;--nb-leading-tight:1.25;--nb-leading-normal:1.5;--nb-leading-relaxed:1.625;--nb-font-normal:400;--nb-font-medium:500;--nb-font-semibold:600;--nb-space-0:0;--nb-space-1:.25rem;--nb-space-1-5:.375rem;--nb-space-2:.5rem;--nb-space-3:.75rem;--nb-space-4:1rem;--nb-space-5:1.25rem;--nb-space-6:1.5rem;--nb-space-8:2rem;--nb-space-10:2.5rem;--nb-space-12:3rem;--nb-radius-sm:.375rem;--nb-radius-md:.5rem;--nb-radius-lg:.75rem;--nb-radius-xl:1rem;--nb-radius-full:9999px;--nb-shadow-xs:0 1px 2px #0000000d;--nb-shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000f;--nb-shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;--nb-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000f;--nb-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000f;--nb-ring-width:2px;--nb-ring-offset:2px;--nb-ring-color:var(--nb-primary-500);--nb-ring:0 0 0 var(--nb-ring-offset)var(--nb-bg-app),0 0 0 calc(var(--nb-ring-offset) + var(--nb-ring-width))var(--nb-ring-color);--nb-transition-fast:.1s ease;--nb-transition-base:.15s ease;--nb-transition-slow:.2s ease;--nb-transition-slower:.3s ease;--nb-glass-blur:12px;--nb-glass-bg:#ffffffd9;--nb-glass-border:#fff3;--nb-sidebar-width:280px;--nb-header-height:56px;--nb-controls-max-height:280px;--nb-mobile-header-height:48px}@media (prefers-color-scheme:dark){:root{--nb-bg-app:var(--nb-neutral-950);--nb-bg-sidebar:var(--nb-neutral-900);--nb-bg-panel:var(--nb-neutral-900);--nb-bg-canvas:var(--nb-neutral-950);--nb-bg-elevated:var(--nb-neutral-850);--nb-bg-hover:var(--nb-neutral-800);--nb-bg-active:#6366f126;--nb-bg-input:var(--nb-neutral-850);--nb-bg-glass:#0a0a0ad9;--nb-border-subtle:var(--nb-neutral-850);--nb-border-default:var(--nb-neutral-800);--nb-border-strong:var(--nb-neutral-700);--nb-border-focus:var(--nb-primary-400);--nb-text-primary:var(--nb-neutral-50);--nb-text-secondary:var(--nb-neutral-300);--nb-text-tertiary:var(--nb-neutral-400);--nb-text-muted:var(--nb-neutral-500);--nb-text-inverse:var(--nb-neutral-900);--nb-text-brand:var(--nb-primary-400);--nb-interactive-default:var(--nb-neutral-300);--nb-interactive-hover:var(--nb-neutral-50);--nb-interactive-active:var(--nb-primary-400);--nb-error-light:#dc26261a;--nb-error-border:#dc26264d;--nb-error-text:#fca5a5;--nb-error-bg:#dc262626;--nb-glass-bg:#171717e6;--nb-glass-border:#ffffff1a;--nb-shadow-xs:0 1px 2px #0000004d;--nb-shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--nb-shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--nb-shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--nb-shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0000004d;--nb-ring-color:var(--nb-primary-400)}}.sidebar-module__3T5Bsq__sidebar{width:var(--nb-sidebar-width);background:var(--nb-bg-sidebar);border-right:1px solid var(--nb-border-subtle);height:100%;transition:background var(--nb-transition-base),border-color var(--nb-transition-base),transform var(--nb-transition-base);flex-direction:column;display:flex}@media (max-width:767px){.sidebar-module__3T5Bsq__sidebar{z-index:50;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-module__3T5Bsq__sidebarOpen{transform:translate(0)}}.sidebar-module__3T5Bsq__header{padding:var(--nb-space-4)var(--nb-space-5);border-bottom:1px solid var(--nb-border-subtle);justify-content:space-between;align-items:center;display:flex}.sidebar-module__3T5Bsq__logo{transition:opacity var(--nb-transition-fast);align-items:center;min-width:0;text-decoration:none;display:inline-flex;overflow:visible}.sidebar-module__3T5Bsq__logo:hover{opacity:.8}.sidebar-module__3T5Bsq__logoIcon{flex-shrink:0;width:auto;min-width:120px;height:28px;display:block}.sidebar-module__3T5Bsq__githubLink{width:28px;height:28px;color:var(--nb-text-tertiary);transition:color var(--nb-transition-fast);justify-content:center;align-items:center;display:flex}.sidebar-module__3T5Bsq__githubLink:hover{color:var(--nb-text-primary)}.sidebar-module__3T5Bsq__githubIcon{width:20px;height:20px}.sidebar-module__3T5Bsq__srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar-module__3T5Bsq__searchContainer{align-items:center;gap:var(--nb-space-2);padding:var(--nb-space-3)var(--nb-space-4);border-bottom:1px solid var(--nb-border-subtle);display:flex}.sidebar-module__3T5Bsq__searchWrapper{flex:1;position:relative}.sidebar-module__3T5Bsq__collapseButton{width:28px;height:28px;color:var(--nb-text-tertiary);border-radius:var(--nb-radius-sm);cursor:pointer;transition:color var(--nb-transition-fast),background var(--nb-transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.sidebar-module__3T5Bsq__collapseButton:hover{color:var(--nb-text-primary);background:var(--nb-bg-hover)}.sidebar-module__3T5Bsq__searchIcon{left:var(--nb-space-3);width:14px;height:14px;color:var(--nb-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-module__3T5Bsq__searchInput{width:100%;padding:var(--nb-space-2)var(--nb-space-3);padding-left:calc(var(--nb-space-3) + 14px + var(--nb-space-2));padding-right:var(--nb-space-10);font-size:var(--nb-text-sm);font-family:var(--nb-font-sans);color:var(--nb-text-primary);background:var(--nb-bg-input);border:1px solid var(--nb-border-default);border-radius:var(--nb-radius-md);transition:border-color var(--nb-transition-fast),box-shadow var(--nb-transition-fast),background var(--nb-transition-fast);outline:none}.sidebar-module__3T5Bsq__searchInput::placeholder{color:var(--nb-text-muted)}.sidebar-module__3T5Bsq__searchInput:hover{border-color:var(--nb-border-strong)}.sidebar-module__3T5Bsq__searchInput:focus{border-color:var(--nb-border-focus);background:var(--nb-bg-elevated)}.sidebar-module__3T5Bsq__storyCount{right:var(--nb-space-3);font-size:var(--nb-text-xs);color:var(--nb-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-module__3T5Bsq__nav{padding:var(--nb-space-2);scrollbar-width:thin;scrollbar-color:var(--nb-neutral-300)transparent;flex:1;overflow:hidden auto}.sidebar-module__3T5Bsq__nav::-webkit-scrollbar{width:6px}.sidebar-module__3T5Bsq__nav::-webkit-scrollbar-track{background:0 0}.sidebar-module__3T5Bsq__nav::-webkit-scrollbar-thumb{background:var(--nb-neutral-300);border-radius:var(--nb-radius-full)}.sidebar-module__3T5Bsq__nav::-webkit-scrollbar-thumb:hover{background:var(--nb-neutral-400)}@media (prefers-color-scheme:dark){.sidebar-module__3T5Bsq__nav{scrollbar-color:var(--nb-neutral-700)transparent}.sidebar-module__3T5Bsq__nav::-webkit-scrollbar-thumb{background:var(--nb-neutral-700)}.sidebar-module__3T5Bsq__nav::-webkit-scrollbar-thumb:hover{background:var(--nb-neutral-600)}}.sidebar-module__3T5Bsq__treeList{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar-module__3T5Bsq__emptyMessage{padding:var(--nb-space-4)var(--nb-space-3);text-align:center;color:var(--nb-text-tertiary);font-size:var(--nb-text-sm)}.sidebar-module__3T5Bsq__expandButton{align-items:center;gap:var(--nb-space-1-5);width:100%;padding:var(--nb-space-1-5)var(--nb-space-2);font-size:var(--nb-text-sm);font-family:var(--nb-font-sans);color:var(--nb-text-secondary);border-radius:var(--nb-radius-sm);cursor:pointer;text-align:left;transition:color var(--nb-transition-fast),background var(--nb-transition-fast);background:0 0;border:none;display:flex}.sidebar-module__3T5Bsq__expandButton:hover{background:var(--nb-bg-hover);color:var(--nb-text-primary)}.sidebar-module__3T5Bsq__expandButtonActive{color:var(--nb-text-brand);font-weight:var(--nb-font-medium)}.sidebar-module__3T5Bsq__expandButtonActive:hover{color:var(--nb-text-brand)}.sidebar-module__3T5Bsq__chevron{transition:transform var(--nb-transition-fast);color:var(--nb-text-muted);flex-shrink:0}.sidebar-module__3T5Bsq__chevronOpen{transform:rotate(90deg)}.sidebar-module__3T5Bsq__childrenContainer{margin-top:2px;margin-bottom:2px;position:relative}.sidebar-module__3T5Bsq__childrenContainer:before{content:"";left:var(--indent);background:var(--nb-neutral-300);width:1px;position:absolute;top:0;bottom:0}@media (prefers-color-scheme:dark){.sidebar-module__3T5Bsq__childrenContainer:before{background:var(--nb-neutral-700)}}.sidebar-module__3T5Bsq__chevronSpacer{flex-shrink:0;width:12px}.sidebar-module__3T5Bsq__folderIcon,.sidebar-module__3T5Bsq__storyIcon{flex-shrink:0}.sidebar-module__3T5Bsq__storyLink{align-items:center;gap:var(--nb-space-1-5);padding:var(--nb-space-1-5)var(--nb-space-2);font-size:var(--nb-text-sm);color:var(--nb-text-secondary);border-radius:var(--nb-radius-sm);transition:color var(--nb-transition-fast),background var(--nb-transition-fast);text-decoration:none;display:flex}.sidebar-module__3T5Bsq__storyLink .sidebar-module__3T5Bsq__storyName{flex:1}.sidebar-module__3T5Bsq__storyLink:hover{background:var(--nb-bg-hover);color:var(--nb-text-primary)}.sidebar-module__3T5Bsq__storyLinkActive{background:var(--nb-bg-active);color:var(--nb-text-brand);font-weight:var(--nb-font-medium)}.sidebar-module__3T5Bsq__storyLinkActive:hover{background:var(--nb-bg-active);color:var(--nb-text-brand)}.sidebar-module__3T5Bsq__chevronRight{opacity:0;color:var(--nb-text-muted);transition:opacity var(--nb-transition-fast),transform var(--nb-transition-fast);flex-shrink:0}.sidebar-module__3T5Bsq__storyLink:hover .sidebar-module__3T5Bsq__chevronRight{opacity:1;transform:translate(2px)}.sidebar-module__3T5Bsq__storyLinkActive .sidebar-module__3T5Bsq__chevronRight{opacity:1}.sidebar-module__3T5Bsq__loadingText{padding:var(--nb-space-1-5)var(--nb-space-2);color:var(--nb-text-muted);font-size:var(--nb-text-sm);font-style:italic}.sidebar-module__3T5Bsq__noStories{padding:var(--nb-space-1-5)var(--nb-space-2);color:var(--nb-text-muted);font-size:var(--nb-text-sm)}
:root{--nb-primary-50:#eef2ff;--nb-primary-100:#e0e7ff;--nb-primary-200:#c7d2fe;--nb-primary-300:#a5b4fc;--nb-primary-400:#818cf8;--nb-primary-500:#6366f1;--nb-primary-600:#4f46e5;--nb-primary-700:#4338ca;--nb-primary-800:#3730a3;--nb-primary-900:#312e81;--nb-neutral-0:#fff;--nb-neutral-50:#fafafa;--nb-neutral-100:#f5f5f5;--nb-neutral-150:#ededed;--nb-neutral-200:#e5e5e5;--nb-neutral-300:#d4d4d4;--nb-neutral-400:#a3a3a3;--nb-neutral-500:#737373;--nb-neutral-600:#525252;--nb-neutral-700:#404040;--nb-neutral-800:#262626;--nb-neutral-850:#1a1a1a;--nb-neutral-900:#171717;--nb-neutral-950:#0a0a0a;--nb-error-light:#fef2f2;--nb-error-border:#fecaca;--nb-error-text:#dc2626;--nb-error-bg:#fee2e2;--nb-success-light:#f0fdf4;--nb-success-border:#bbf7d0;--nb-success-text:#16a34a;--nb-bg-app:var(--nb-neutral-0);--nb-bg-sidebar:var(--nb-neutral-50);--nb-bg-panel:var(--nb-neutral-50);--nb-bg-canvas:var(--nb-neutral-0);--nb-bg-elevated:var(--nb-neutral-0);--nb-bg-hover:var(--nb-neutral-100);--nb-bg-active:var(--nb-primary-50);--nb-bg-input:var(--nb-neutral-0);--nb-bg-glass:#fffc;--nb-border-subtle:var(--nb-neutral-150);--nb-border-default:var(--nb-neutral-200);--nb-border-strong:var(--nb-neutral-300);--nb-border-focus:var(--nb-primary-500);--nb-text-primary:var(--nb-neutral-900);--nb-text-secondary:var(--nb-neutral-600);--nb-text-tertiary:var(--nb-neutral-500);--nb-text-muted:var(--nb-neutral-400);--nb-text-inverse:var(--nb-neutral-0);--nb-text-brand:var(--nb-primary-600);--nb-interactive-default:var(--nb-neutral-700);--nb-interactive-hover:var(--nb-neutral-900);--nb-interactive-active:var(--nb-primary-600);--nb-font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--nb-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--nb-text-xs:.75rem;--nb-text-sm:.875rem;--nb-text-base:1rem;--nb-text-lg:1.125rem;--nb-text-xl:1.25rem;--nb-leading-tight:1.25;--nb-leading-normal:1.5;--nb-leading-relaxed:1.625;--nb-font-normal:400;--nb-font-medium:500;--nb-font-semibold:600;--nb-space-0:0;--nb-space-1:.25rem;--nb-space-1-5:.375rem;--nb-space-2:.5rem;--nb-space-3:.75rem;--nb-space-4:1rem;--nb-space-5:1.25rem;--nb-space-6:1.5rem;--nb-space-8:2rem;--nb-space-10:2.5rem;--nb-space-12:3rem;--nb-radius-sm:.375rem;--nb-radius-md:.5rem;--nb-radius-lg:.75rem;--nb-radius-xl:1rem;--nb-radius-full:9999px;--nb-shadow-xs:0 1px 2px #0000000d;--nb-shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000f;--nb-shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;--nb-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000f;--nb-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000f;--nb-ring-width:2px;--nb-ring-offset:2px;--nb-ring-color:var(--nb-primary-500);--nb-ring:0 0 0 var(--nb-ring-offset)var(--nb-bg-app),0 0 0 calc(var(--nb-ring-offset) + var(--nb-ring-width))var(--nb-ring-color);--nb-transition-fast:.1s ease;--nb-transition-base:.15s ease;--nb-transition-slow:.2s ease;--nb-transition-slower:.3s ease;--nb-glass-blur:12px;--nb-glass-bg:#ffffffd9;--nb-glass-border:#fff3;--nb-sidebar-width:280px;--nb-header-height:56px;--nb-controls-max-height:280px;--nb-mobile-header-height:48px}@media (prefers-color-scheme:dark){:root{--nb-bg-app:var(--nb-neutral-950);--nb-bg-sidebar:var(--nb-neutral-900);--nb-bg-panel:var(--nb-neutral-900);--nb-bg-canvas:var(--nb-neutral-950);--nb-bg-elevated:var(--nb-neutral-850);--nb-bg-hover:var(--nb-neutral-800);--nb-bg-active:#6366f126;--nb-bg-input:var(--nb-neutral-850);--nb-bg-glass:#0a0a0ad9;--nb-border-subtle:var(--nb-neutral-850);--nb-border-default:var(--nb-neutral-800);--nb-border-strong:var(--nb-neutral-700);--nb-border-focus:var(--nb-primary-400);--nb-text-primary:var(--nb-neutral-50);--nb-text-secondary:var(--nb-neutral-300);--nb-text-tertiary:var(--nb-neutral-400);--nb-text-muted:var(--nb-neutral-500);--nb-text-inverse:var(--nb-neutral-900);--nb-text-brand:var(--nb-primary-400);--nb-interactive-default:var(--nb-neutral-300);--nb-interactive-hover:var(--nb-neutral-50);--nb-interactive-active:var(--nb-primary-400);--nb-error-light:#dc26261a;--nb-error-border:#dc26264d;--nb-error-text:#fca5a5;--nb-error-bg:#dc262626;--nb-glass-bg:#171717e6;--nb-glass-border:#ffffff1a;--nb-shadow-xs:0 1px 2px #0000004d;--nb-shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--nb-shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--nb-shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--nb-shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0000004d;--nb-ring-color:var(--nb-primary-400)}}.story-page-module__8Fbiwa__welcome{height:100%;padding:var(--nb-space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.story-page-module__8Fbiwa__welcomeLogo{width:100%;max-width:500px;margin-bottom:var(--nb-space-8)}.story-page-module__8Fbiwa__welcomeTitle{font-size:var(--nb-text-3xl);font-weight:var(--nb-font-bold);color:var(--nb-text-primary);margin:0 0 var(--nb-space-4)0}.story-page-module__8Fbiwa__welcomeSubtitle{font-size:var(--nb-text-base);color:var(--nb-text-secondary);margin:0 0 var(--nb-space-2)0}.story-page-module__8Fbiwa__welcomeCount{font-size:var(--nb-text-sm);color:var(--nb-text-tertiary);margin:0}.story-page-module__8Fbiwa__placeholder{height:100%;padding:var(--nb-space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.story-page-module__8Fbiwa__placeholderTitle{font-size:var(--nb-text-xl);font-weight:var(--nb-font-bold);color:var(--nb-text-primary);margin:0 0 var(--nb-space-4)0}.story-page-module__8Fbiwa__placeholderText{font-size:var(--nb-text-base);color:var(--nb-text-secondary);margin:0}.story-page-module__8Fbiwa__errorBoundary{padding:var(--nb-space-4);border-radius:var(--nb-radius-md);border:1px solid var(--nb-error-border);background:var(--nb-error-light);color:var(--nb-error-text)}.story-page-module__8Fbiwa__errorBoundaryTitle{font-weight:var(--nb-font-medium);margin:0 0 var(--nb-space-1)0}.story-page-module__8Fbiwa__errorBoundaryMessage{font-family:var(--nb-font-mono);font-size:var(--nb-text-sm);margin:0}.story-page-module__8Fbiwa__errorBoundaryButton{margin-top:var(--nb-space-3);padding:var(--nb-space-1)var(--nb-space-3);font-size:var(--nb-text-sm);font-family:var(--nb-font-sans);color:#fff;background:var(--nb-error-text);border-radius:var(--nb-radius-md);cursor:pointer;transition:opacity var(--nb-transition-fast);border:none}.story-page-module__8Fbiwa__errorBoundaryButton:hover{opacity:.9}.story-page-module__8Fbiwa__tabbedView{flex-direction:column;height:100%;display:flex}
:root{--nb-primary-50:#eef2ff;--nb-primary-100:#e0e7ff;--nb-primary-200:#c7d2fe;--nb-primary-300:#a5b4fc;--nb-primary-400:#818cf8;--nb-primary-500:#6366f1;--nb-primary-600:#4f46e5;--nb-primary-700:#4338ca;--nb-primary-800:#3730a3;--nb-primary-900:#312e81;--nb-neutral-0:#fff;--nb-neutral-50:#fafafa;--nb-neutral-100:#f5f5f5;--nb-neutral-150:#ededed;--nb-neutral-200:#e5e5e5;--nb-neutral-300:#d4d4d4;--nb-neutral-400:#a3a3a3;--nb-neutral-500:#737373;--nb-neutral-600:#525252;--nb-neutral-700:#404040;--nb-neutral-800:#262626;--nb-neutral-850:#1a1a1a;--nb-neutral-900:#171717;--nb-neutral-950:#0a0a0a;--nb-error-light:#fef2f2;--nb-error-border:#fecaca;--nb-error-text:#dc2626;--nb-error-bg:#fee2e2;--nb-success-light:#f0fdf4;--nb-success-border:#bbf7d0;--nb-success-text:#16a34a;--nb-bg-app:var(--nb-neutral-0);--nb-bg-sidebar:var(--nb-neutral-50);--nb-bg-panel:var(--nb-neutral-50);--nb-bg-canvas:var(--nb-neutral-0);--nb-bg-elevated:var(--nb-neutral-0);--nb-bg-hover:var(--nb-neutral-100);--nb-bg-active:var(--nb-primary-50);--nb-bg-input:var(--nb-neutral-0);--nb-bg-glass:#fffc;--nb-border-subtle:var(--nb-neutral-150);--nb-border-default:var(--nb-neutral-200);--nb-border-strong:var(--nb-neutral-300);--nb-border-focus:var(--nb-primary-500);--nb-text-primary:var(--nb-neutral-900);--nb-text-secondary:var(--nb-neutral-600);--nb-text-tertiary:var(--nb-neutral-500);--nb-text-muted:var(--nb-neutral-400);--nb-text-inverse:var(--nb-neutral-0);--nb-text-brand:var(--nb-primary-600);--nb-interactive-default:var(--nb-neutral-700);--nb-interactive-hover:var(--nb-neutral-900);--nb-interactive-active:var(--nb-primary-600);--nb-font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--nb-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--nb-text-xs:.75rem;--nb-text-sm:.875rem;--nb-text-base:1rem;--nb-text-lg:1.125rem;--nb-text-xl:1.25rem;--nb-leading-tight:1.25;--nb-leading-normal:1.5;--nb-leading-relaxed:1.625;--nb-font-normal:400;--nb-font-medium:500;--nb-font-semibold:600;--nb-space-0:0;--nb-space-1:.25rem;--nb-space-1-5:.375rem;--nb-space-2:.5rem;--nb-space-3:.75rem;--nb-space-4:1rem;--nb-space-5:1.25rem;--nb-space-6:1.5rem;--nb-space-8:2rem;--nb-space-10:2.5rem;--nb-space-12:3rem;--nb-radius-sm:.375rem;--nb-radius-md:.5rem;--nb-radius-lg:.75rem;--nb-radius-xl:1rem;--nb-radius-full:9999px;--nb-shadow-xs:0 1px 2px #0000000d;--nb-shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000f;--nb-shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;--nb-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000f;--nb-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000f;--nb-ring-width:2px;--nb-ring-offset:2px;--nb-ring-color:var(--nb-primary-500);--nb-ring:0 0 0 var(--nb-ring-offset)var(--nb-bg-app),0 0 0 calc(var(--nb-ring-offset) + var(--nb-ring-width))var(--nb-ring-color);--nb-transition-fast:.1s ease;--nb-transition-base:.15s ease;--nb-transition-slow:.2s ease;--nb-transition-slower:.3s ease;--nb-glass-blur:12px;--nb-glass-bg:#ffffffd9;--nb-glass-border:#fff3;--nb-sidebar-width:280px;--nb-header-height:56px;--nb-controls-max-height:280px;--nb-mobile-header-height:48px}@media (prefers-color-scheme:dark){:root{--nb-bg-app:var(--nb-neutral-950);--nb-bg-sidebar:var(--nb-neutral-900);--nb-bg-panel:var(--nb-neutral-900);--nb-bg-canvas:var(--nb-neutral-950);--nb-bg-elevated:var(--nb-neutral-850);--nb-bg-hover:var(--nb-neutral-800);--nb-bg-active:#6366f126;--nb-bg-input:var(--nb-neutral-850);--nb-bg-glass:#0a0a0ad9;--nb-border-subtle:var(--nb-neutral-850);--nb-border-default:var(--nb-neutral-800);--nb-border-strong:var(--nb-neutral-700);--nb-border-focus:var(--nb-primary-400);--nb-text-primary:var(--nb-neutral-50);--nb-text-secondary:var(--nb-neutral-300);--nb-text-tertiary:var(--nb-neutral-400);--nb-text-muted:var(--nb-neutral-500);--nb-text-inverse:var(--nb-neutral-900);--nb-text-brand:var(--nb-primary-400);--nb-interactive-default:var(--nb-neutral-300);--nb-interactive-hover:var(--nb-neutral-50);--nb-interactive-active:var(--nb-primary-400);--nb-error-light:#dc26261a;--nb-error-border:#dc26264d;--nb-error-text:#fca5a5;--nb-error-bg:#dc262626;--nb-glass-bg:#171717e6;--nb-glass-border:#ffffff1a;--nb-shadow-xs:0 1px 2px #0000004d;--nb-shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--nb-shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--nb-shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--nb-shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0000004d;--nb-ring-color:var(--nb-primary-400)}}.story-tabs-module__XUZEia__container{border-bottom:1px solid var(--nb-border-subtle);background:var(--nb-bg-elevated);align-items:center;display:flex;position:relative}.story-tabs-module__XUZEia__navButtons{padding-left:var(--nb-space-2);flex-shrink:0;align-items:center;display:flex}.story-tabs-module__XUZEia__navButton{border-radius:var(--nb-radius-sm);width:28px;height:28px;color:var(--nb-text-tertiary);cursor:pointer;transition:color var(--nb-transition-fast),background var(--nb-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.story-tabs-module__XUZEia__navButton:hover:not(:disabled){color:var(--nb-text-primary);background:var(--nb-bg-hover)}.story-tabs-module__XUZEia__navButton:disabled{opacity:.3;cursor:not-allowed}.story-tabs-module__XUZEia__tabsWrapper{flex:1;min-width:0;position:relative;overflow:hidden}.story-tabs-module__XUZEia__tabs{gap:var(--nb-space-1);padding:var(--nb-space-2)var(--nb-space-4);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.story-tabs-module__XUZEia__tabs::-webkit-scrollbar{display:none}.story-tabs-module__XUZEia__fadeLeft,.story-tabs-module__XUZEia__fadeRight{pointer-events:none;z-index:1;width:40px;position:absolute;top:0;bottom:0}.story-tabs-module__XUZEia__fadeLeft{background:linear-gradient(to right,var(--nb-bg-elevated),transparent);left:0}.story-tabs-module__XUZEia__fadeRight{background:linear-gradient(to left,var(--nb-bg-elevated),transparent);right:0}.story-tabs-module__XUZEia__tab{align-items:center;gap:var(--nb-space-1-5);padding:var(--nb-space-2)var(--nb-space-3);font-size:var(--nb-text-sm);font-weight:var(--nb-font-medium);font-family:var(--nb-font-sans);color:var(--nb-text-tertiary);white-space:nowrap;border-radius:var(--nb-radius-md);transition:color var(--nb-transition-fast),background var(--nb-transition-fast);background:0 0;text-decoration:none;display:flex}.story-tabs-module__XUZEia__tab:hover{color:var(--nb-text-primary);background:var(--nb-bg-hover)}.story-tabs-module__XUZEia__tabActive{color:var(--nb-text-primary);background:var(--nb-bg-active)}.story-tabs-module__XUZEia__tabActive:hover{background:var(--nb-bg-active)}.story-tabs-module__XUZEia__tabName{line-height:1}.story-tabs-module__XUZEia__badge{color:var(--nb-text-muted);opacity:.7;transition:opacity var(--nb-transition-fast);justify-content:center;align-items:center;display:flex}.story-tabs-module__XUZEia__tab:hover .story-tabs-module__XUZEia__badge,.story-tabs-module__XUZEia__tabActive .story-tabs-module__XUZEia__badge{opacity:1}.story-tabs-module__XUZEia__tabActive .story-tabs-module__XUZEia__badge{color:var(--nb-text-brand)}
:root{--nb-primary-50:#eef2ff;--nb-primary-100:#e0e7ff;--nb-primary-200:#c7d2fe;--nb-primary-300:#a5b4fc;--nb-primary-400:#818cf8;--nb-primary-500:#6366f1;--nb-primary-600:#4f46e5;--nb-primary-700:#4338ca;--nb-primary-800:#3730a3;--nb-primary-900:#312e81;--nb-neutral-0:#fff;--nb-neutral-50:#fafafa;--nb-neutral-100:#f5f5f5;--nb-neutral-150:#ededed;--nb-neutral-200:#e5e5e5;--nb-neutral-300:#d4d4d4;--nb-neutral-400:#a3a3a3;--nb-neutral-500:#737373;--nb-neutral-600:#525252;--nb-neutral-700:#404040;--nb-neutral-800:#262626;--nb-neutral-850:#1a1a1a;--nb-neutral-900:#171717;--nb-neutral-950:#0a0a0a;--nb-error-light:#fef2f2;--nb-error-border:#fecaca;--nb-error-text:#dc2626;--nb-error-bg:#fee2e2;--nb-success-light:#f0fdf4;--nb-success-border:#bbf7d0;--nb-success-text:#16a34a;--nb-bg-app:var(--nb-neutral-0);--nb-bg-sidebar:var(--nb-neutral-50);--nb-bg-panel:var(--nb-neutral-50);--nb-bg-canvas:var(--nb-neutral-0);--nb-bg-elevated:var(--nb-neutral-0);--nb-bg-hover:var(--nb-neutral-100);--nb-bg-active:var(--nb-primary-50);--nb-bg-input:var(--nb-neutral-0);--nb-bg-glass:#fffc;--nb-border-subtle:var(--nb-neutral-150);--nb-border-default:var(--nb-neutral-200);--nb-border-strong:var(--nb-neutral-300);--nb-border-focus:var(--nb-primary-500);--nb-text-primary:var(--nb-neutral-900);--nb-text-secondary:var(--nb-neutral-600);--nb-text-tertiary:var(--nb-neutral-500);--nb-text-muted:var(--nb-neutral-400);--nb-text-inverse:var(--nb-neutral-0);--nb-text-brand:var(--nb-primary-600);--nb-interactive-default:var(--nb-neutral-700);--nb-interactive-hover:var(--nb-neutral-900);--nb-interactive-active:var(--nb-primary-600);--nb-font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--nb-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--nb-text-xs:.75rem;--nb-text-sm:.875rem;--nb-text-base:1rem;--nb-text-lg:1.125rem;--nb-text-xl:1.25rem;--nb-leading-tight:1.25;--nb-leading-normal:1.5;--nb-leading-relaxed:1.625;--nb-font-normal:400;--nb-font-medium:500;--nb-font-semibold:600;--nb-space-0:0;--nb-space-1:.25rem;--nb-space-1-5:.375rem;--nb-space-2:.5rem;--nb-space-3:.75rem;--nb-space-4:1rem;--nb-space-5:1.25rem;--nb-space-6:1.5rem;--nb-space-8:2rem;--nb-space-10:2.5rem;--nb-space-12:3rem;--nb-radius-sm:.375rem;--nb-radius-md:.5rem;--nb-radius-lg:.75rem;--nb-radius-xl:1rem;--nb-radius-full:9999px;--nb-shadow-xs:0 1px 2px #0000000d;--nb-shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000f;--nb-shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;--nb-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000f;--nb-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000f;--nb-ring-width:2px;--nb-ring-offset:2px;--nb-ring-color:var(--nb-primary-500);--nb-ring:0 0 0 var(--nb-ring-offset)var(--nb-bg-app),0 0 0 calc(var(--nb-ring-offset) + var(--nb-ring-width))var(--nb-ring-color);--nb-transition-fast:.1s ease;--nb-transition-base:.15s ease;--nb-transition-slow:.2s ease;--nb-transition-slower:.3s ease;--nb-glass-blur:12px;--nb-glass-bg:#ffffffd9;--nb-glass-border:#fff3;--nb-sidebar-width:280px;--nb-header-height:56px;--nb-controls-max-height:280px;--nb-mobile-header-height:48px}@media (prefers-color-scheme:dark){:root{--nb-bg-app:var(--nb-neutral-950);--nb-bg-sidebar:var(--nb-neutral-900);--nb-bg-panel:var(--nb-neutral-900);--nb-bg-canvas:var(--nb-neutral-950);--nb-bg-elevated:var(--nb-neutral-850);--nb-bg-hover:var(--nb-neutral-800);--nb-bg-active:#6366f126;--nb-bg-input:var(--nb-neutral-850);--nb-bg-glass:#0a0a0ad9;--nb-border-subtle:var(--nb-neutral-850);--nb-border-default:var(--nb-neutral-800);--nb-border-strong:var(--nb-neutral-700);--nb-border-focus:var(--nb-primary-400);--nb-text-primary:var(--nb-neutral-50);--nb-text-secondary:var(--nb-neutral-300);--nb-text-tertiary:var(--nb-neutral-400);--nb-text-muted:var(--nb-neutral-500);--nb-text-inverse:var(--nb-neutral-900);--nb-text-brand:var(--nb-primary-400);--nb-interactive-default:var(--nb-neutral-300);--nb-interactive-hover:var(--nb-neutral-50);--nb-interactive-active:var(--nb-primary-400);--nb-error-light:#dc26261a;--nb-error-border:#dc26264d;--nb-error-text:#fca5a5;--nb-error-bg:#dc262626;--nb-glass-bg:#171717e6;--nb-glass-border:#ffffff1a;--nb-shadow-xs:0 1px 2px #0000004d;--nb-shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--nb-shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--nb-shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--nb-shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0000004d;--nb-ring-color:var(--nb-primary-400)}}.matrix-viewer-module__8NS0Kq__container{background:var(--nb-bg-canvas);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.matrix-viewer-module__8NS0Kq__header{padding:var(--nb-space-3)var(--nb-space-6);background:var(--nb-bg-elevated);border-bottom:1px solid var(--nb-border-subtle);justify-content:space-between;align-items:center;gap:var(--nb-space-4);flex-shrink:0;display:flex}@media (max-width:767px){.matrix-viewer-module__8NS0Kq__header{padding:var(--nb-space-2)var(--nb-space-3);gap:var(--nb-space-2);flex-wrap:wrap}}.matrix-viewer-module__8NS0Kq__headerLeft{align-items:center;gap:var(--nb-space-3);min-width:0;display:flex}@media (max-width:767px){.matrix-viewer-module__8NS0Kq__headerLeft{gap:var(--nb-space-2)}}.matrix-viewer-module__8NS0Kq__title{font-size:var(--nb-text-base);font-weight:var(--nb-font-semibold);color:var(--nb-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}@media (max-width:767px){.matrix-viewer-module__8NS0Kq__title{font-size:var(--nb-text-sm)}}.matrix-viewer-module__8NS0Kq__badge{padding:var(--nb-space-1)var(--nb-space-2);font-size:var(--nb-text-xs);font-weight:var(--nb-font-medium);color:var(--nb-text-brand);background:var(--nb-bg-active);border-radius:var(--nb-radius-full);white-space:nowrap;align-items:center;display:inline-flex}.matrix-viewer-module__8NS0Kq__divider{background:var(--nb-border-default);flex-shrink:0;width:1px;height:20px}@media (max-width:767px){.matrix-viewer-module__8NS0Kq__divider{display:none}}.matrix-viewer-module__8NS0Kq__headerControls{align-items:center;gap:var(--nb-space-3);flex-shrink:0;display:flex}@media (max-width:767px){.matrix-viewer-module__8NS0Kq__headerControls{gap:var(--nb-space-1)}}.matrix-viewer-module__8NS0Kq__backButton{align-items:center;gap:var(--nb-space-1-5);padding:var(--nb-space-1-5)var(--nb-space-3);font-size:var(--nb-text-sm);font-weight:var(--nb-font-medium);color:var(--nb-text-secondary);background:var(--nb-bg-hover);border-radius:var(--nb-radius-md);cursor:pointer;transition:background var(--nb-transition-fast),color var(--nb-transition-fast);border:none;display:flex}.matrix-viewer-module__8NS0Kq__backButton:hover{background:var(--nb-bg-active);color:var(--nb-text-brand)}.matrix-viewer-module__8NS0Kq__headerFilters{align-items:center;gap:var(--nb-space-2);scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.matrix-viewer-module__8NS0Kq__headerFilters::-webkit-scrollbar{display:none}@media (max-width:767px){.matrix-viewer-module__8NS0Kq__headerFilters{gap:var(--nb-space-1-5)}}.matrix-viewer-module__8NS0Kq__filterChipWrapper{flex-shrink:0;position:relative}.matrix-viewer-module__8NS0Kq__filterChip{align-items:center;gap:var(--nb-space-1);padding:var(--nb-space-1)var(--nb-space-2-5);font-size:var(--nb-text-xs);font-weight:var(--nb-font-medium);color:var(--nb-text-secondary);background:var(--nb-bg-hover);border-radius:var(--nb-radius-full);cursor:pointer;transition:background var(--nb-transition-fast),border-color var(--nb-transition-fast),color var(--nb-transition-fast);white-space:nowrap;border:1px solid #0000;display:flex}.matrix-viewer-module__8NS0Kq__filterChip:hover{background:var(--nb-bg-active);color:var(--nb-text-primary)}.matrix-viewer-module__8NS0Kq__filterChipActive{background:var(--nb-bg-active);border-color:var(--nb-text-brand);color:var(--nb-text-brand)}.matrix-viewer-module__8NS0Kq__filterChipLabel{font-weight:var(--nb-font-medium)}.matrix-viewer-module__8NS0Kq__filterCountBadge{min-width:16px;height:16px;padding:0 var(--nb-space-1);font-size:10px;font-weight:var(--nb-font-bold);color:#fff;background:var(--nb-text-brand);border-radius:var(--nb-radius-full);justify-content:center;align-items:center;display:flex}.matrix-viewer-module__8NS0Kq__chipChevron{opacity:.5;transition:transform var(--nb-transition-fast);flex-shrink:0}.matrix-viewer-module__8NS0Kq__chipChevronOpen{transform:rotate(180deg)}.matrix-viewer-module__8NS0Kq__filterMenu{top:calc(100% + var(--nb-space-1));background:var(--nb-bg-elevated);border:1px solid var(--nb-border-default);border-radius:var(--nb-radius-lg);min-width:180px;box-shadow:var(--nb-shadow-xl);z-index:50;position:absolute;left:0;overflow:hidden}.matrix-viewer-module__8NS0Kq__filterMenuHeader{padding:var(--nb-space-2)var(--nb-space-3);font-size:var(--nb-text-xs);font-weight:var(--nb-font-medium);color:var(--nb-text-tertiary);border-bottom:1px solid var(--nb-border-subtle);justify-content:space-between;align-items:center;display:flex}.matrix-viewer-module__8NS0Kq__menuClearButton{font-size:var(--nb-text-xs);font-weight:var(--nb-font-medium);color:var(--nb-text-brand);cursor:pointer;background:0 0;border:none;padding:0}.matrix-viewer-module__8NS0Kq__menuClearButton:hover{text-decoration:underline}.matrix-viewer-module__8NS0Kq__filterOptions{max-height:200px;padding:var(--nb-space-1)0;flex-direction:column;display:flex;overflow-y:auto}.matrix-viewer-module__8NS0Kq__filterOption{align-items:center;gap:var(--nb-space-2);padding:var(--nb-space-1-5)var(--nb-space-3);cursor:pointer;transition:background var(--nb-transition-fast);display:flex}.matrix-viewer-module__8NS0Kq__filterOption:hover{background:var(--nb-bg-hover)}.matrix-viewer-module__8NS0Kq__filterCheckbox{width:14px;height:14px;accent-color:var(--nb-text-brand);cursor:pointer;flex-shrink:0}.matrix-viewer-module__8NS0Kq__filterOptionLabel{font-size:var(--nb-text-sm);color:var(--nb-text-primary)}.matrix-viewer-module__8NS0Kq__sortMenuWrapper{flex-shrink:0;position:relative}.matrix-viewer-module__8NS0Kq__sortButton{align-items:center;gap:var(--nb-space-1-5);padding:var(--nb-space-1)var(--nb-space-2-5);font-size:var(--nb-text-xs);font-weight:var(--nb-font-medium);color:var(--nb-text-secondary);background:var(--nb-bg-hover);border-radius:var(--nb-radius-full);cursor:pointer;transition:background var(--nb-transition-fast),border-color var(--nb-transition-fast),color var(--nb-transition-fast);white-space:nowrap;border:1px solid #0000;display:flex}.matrix-viewer-module__8NS0Kq__sortButton:hover{background:var(--nb-bg-active);color:var(--nb-text-primary)}.matrix-viewer-module__8NS0Kq__sortButtonActive{background:var(--nb-bg-active);border-color:var(--nb-text-brand);color:var(--nb-text-brand)}.matrix-viewer-module__8NS0Kq__sortMenu{top:calc(100% + var(--nb-space-1));background:var(--nb-bg-elevated);border:1px solid var(--nb-border-default);border-radius:var(--nb-radius-lg);min-width:200px;box-shadow:var(--nb-shadow-xl);z-index:50;position:absolute;right:0;overflow:hidden}.matrix-viewer-module__8NS0Kq__sortMenuHeader{padding:var(--nb-space-2)var(--nb-space-3);font-size:var(--nb-text-xs);font-weight:var(--nb-font-medium);color:var(--nb-text-tertiary);border-bottom:1px solid var(--nb-border-subtle)}.matrix-viewer-module__8NS0Kq__sortOptions{padding:var(--nb-space-1)0;flex-direction:column;display:flex}.matrix-viewer-module__8NS0Kq__sortOption{align-items:center;display:flex}.matrix-viewer-module__8NS0Kq__sortOptionButton{justify-content:space-between;align-items:center;gap:var(--nb-space-2);padding:var(--nb-space-2)var(--nb-space-3);font-size:var(--nb-text-sm);font-weight:var(--nb-font-normal);color:var(--nb-text-primary);cursor:pointer;text-align:left;transition:background var(--nb-transition-fast);background:0 0;border:none;flex:1;display:flex}.matrix-viewer-module__8NS0Kq__sortOptionButton:hover{background:var(--nb-bg-hover)}.matrix-viewer-module__8NS0Kq__sortOptionActive{font-weight:var(--nb-font-medium);color:var(--nb-text-brand)}.matrix-viewer-module__8NS0Kq__sortOptionLabel{flex:1}.matrix-viewer-module__8NS0Kq__sortDirectionBadge{font-size:var(--nb-text-xs);font-weight:var(--nb-font-medium);color:var(--nb-text-brand);padding:var(--nb-space-0-5)var(--nb-space-1-5);background:var(--nb-bg-active);border-radius:var(--nb-radius-sm)}.matrix-viewer-module__8NS0Kq__sortRemoveButton{width:28px;height:28px;margin-right:var(--nb-space-1);color:var(--nb-text-tertiary);border-radius:var(--nb-radius-md);cursor:pointer;transition:color var(--nb-transition-fast),background var(--nb-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.matrix-viewer-module__8NS0Kq__sortRemoveButton:hover{color:var(--nb-error-text);background:var(--nb-bg-hover)}.matrix-viewer-module__8NS0Kq__resetButton{width:28px;height:28px;color:var(--nb-text-tertiary);background:var(--nb-bg-hover);border-radius:var(--nb-radius-md);cursor:pointer;transition:color var(--nb-transition-fast),background var(--nb-transition-fast);border:none;justify-content:center;align-items:center;display:flex}.matrix-viewer-module__8NS0Kq__resetButton:hover{color:var(--nb-error-text);background:var(--nb-bg-active)}.matrix-viewer-module__8NS0Kq__emptyState{justify-content:center;align-items:center;gap:var(--nb-space-4);padding:var(--nb-space-8);color:var(--nb-text-tertiary);flex-direction:column;flex:1;display:flex}.matrix-viewer-module__8NS0Kq__emptyState p{font-size:var(--nb-text-base);margin:0}.matrix-viewer-module__8NS0Kq__warning{align-items:center;gap:var(--nb-space-2);padding:var(--nb-space-2)var(--nb-space-6);font-size:var(--nb-text-sm);color:var(--nb-text-secondary);background:var(--nb-primary-50);border-bottom:1px solid var(--nb-primary-100);display:flex}@media (prefers-color-scheme:dark){.matrix-viewer-module__8NS0Kq__warning{background:#6366f11a;border-color:#6366f133}}.matrix-viewer-module__8NS0Kq__gridContainer{min-height:0;padding:var(--nb-space-6);background:var(--nb-bg-canvas);flex:1;overflow-y:auto}@media (max-width:767px){.matrix-viewer-module__8NS0Kq__gridContainer{padding:var(--nb-space-3)}}.matrix-viewer-module__8NS0Kq__virtualGrid{width:100%;position:relative}.matrix-viewer-module__8NS0Kq__virtualRow{width:100%;position:absolute;top:0;left:0}.matrix-viewer-module__8NS0Kq__fullGrid{gap:var(--nb-space-4);align-content:start;display:grid}@media (max-width:767px){.matrix-viewer-module__8NS0Kq__fullGrid{gap:var(--nb-space-3)}}.matrix-viewer-module__8NS0Kq__cell{background:var(--nb-bg-elevated);border:1px solid var(--nb-border-subtle);border-radius:var(--nb-radius-lg);cursor:pointer;transition:border-color var(--nb-transition-fast),box-shadow var(--nb-transition-fast),transform var(--nb-transition-fast);text-align:left;flex-direction:column;padding:0;display:flex;overflow:hidden}.matrix-viewer-module__8NS0Kq__virtualRow .matrix-viewer-module__8NS0Kq__cell{position:absolute;top:0}.matrix-viewer-module__8NS0Kq__cell:hover{border-color:var(--nb-border-strong);box-shadow:var(--nb-shadow-md);transform:translateY(-1px)}.matrix-viewer-module__8NS0Kq__cell:focus-visible{box-shadow:var(--nb-ring);outline:none}.matrix-viewer-module__8NS0Kq__cellLabel{padding:var(--nb-space-2)var(--nb-space-3);font-size:var(--nb-text-xs);font-family:var(--nb-font-mono);color:var(--nb-text-tertiary);background:var(--nb-bg-panel);border-bottom:1px solid var(--nb-border-subtle);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.matrix-viewer-module__8NS0Kq__cellContent{padding:var(--nb-space-4);justify-content:center;align-items:center;min-height:80px;display:flex}.matrix-viewer-module__8NS0Kq__cellContentDefault{background:var(--nb-bg-elevated)}.matrix-viewer-module__8NS0Kq__cellContentStriped{background-image:repeating-linear-gradient(-45deg,#fff,#fff 6px,#e5e5e5 6px 12px)}@media (prefers-color-scheme:dark){.matrix-viewer-module__8NS0Kq__cellContentStriped{background-image:repeating-linear-gradient(-45deg,#262626,#262626 6px,#404040 6px 12px)}}.matrix-viewer-module__8NS0Kq__cellContentCheckered{background-color:#fff;background-image:linear-gradient(45deg,#e5e5e5 25%,#0000 25%),linear-gradient(-45deg,#e5e5e5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e5e5 75%),linear-gradient(-45deg,#0000 75%,#e5e5e5 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}@media (prefers-color-scheme:dark){.matrix-viewer-module__8NS0Kq__cellContentCheckered{background-color:#262626;background-image:linear-gradient(45deg,#404040 25%,#0000 25%),linear-gradient(-45deg,#404040 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#404040 75%),linear-gradient(-45deg,#0000 75%,#404040 75%)}}.matrix-viewer-module__8NS0Kq__cellError{color:var(--nb-error-text);font-size:var(--nb-text-sm)}.matrix-viewer-module__8NS0Kq__selectedView{flex-direction:column;flex:1;display:flex;overflow:hidden}.matrix-viewer-module__8NS0Kq__selectedLabel{padding:var(--nb-space-2)var(--nb-space-6);font-size:var(--nb-text-sm);font-family:var(--nb-font-mono);color:var(--nb-text-secondary);background:var(--nb-bg-panel);border-bottom:1px solid var(--nb-border-subtle)}.matrix-viewer-module__8NS0Kq__selectedCanvas{flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.matrix-viewer-module__8NS0Kq__canvasDefault{background:var(--nb-bg-canvas)}.matrix-viewer-module__8NS0Kq__canvasStriped{background-image:repeating-linear-gradient(-45deg,#fff,#fff 10px,#e5e5e5 10px 20px)}@media (prefers-color-scheme:dark){.matrix-viewer-module__8NS0Kq__canvasStriped{background-image:repeating-linear-gradient(-45deg,#262626,#262626 10px,#404040 10px 20px)}}.matrix-viewer-module__8NS0Kq__canvasCheckered{background-color:#fff;background-image:linear-gradient(45deg,#e5e5e5 25%,#0000 25%),linear-gradient(-45deg,#e5e5e5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e5e5 75%),linear-gradient(-45deg,#0000 75%,#e5e5e5 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}@media (prefers-color-scheme:dark){.matrix-viewer-module__8NS0Kq__canvasCheckered{background-color:#262626;background-image:linear-gradient(45deg,#404040 25%,#0000 25%),linear-gradient(-45deg,#404040 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#404040 75%),linear-gradient(-45deg,#0000 75%,#404040 75%)}}.matrix-viewer-module__8NS0Kq__selectedFrame{padding:var(--nb-space-8)}.matrix-viewer-module__8NS0Kq__backgroundSwitcher{align-items:center;gap:var(--nb-space-1);display:flex}.matrix-viewer-module__8NS0Kq__bgButton{border-radius:var(--nb-radius-md);border:2px solid var(--nb-border-default);cursor:pointer;width:28px;height:28px;transition:border-color var(--nb-transition-fast),box-shadow var(--nb-transition-fast);background:0 0;padding:0;position:relative;overflow:hidden}.matrix-viewer-module__8NS0Kq__bgButton:hover{border-color:var(--nb-border-strong)}.matrix-viewer-module__8NS0Kq__bgButtonActive{border-color:var(--nb-text-brand);box-shadow:0 0 0 2px #6366f133}.matrix-viewer-module__8NS0Kq__bgButtonInner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.matrix-viewer-module__8NS0Kq__bgDefault{background:var(--nb-neutral-100)}@media (prefers-color-scheme:dark){.matrix-viewer-module__8NS0Kq__bgDefault{background:var(--nb-neutral-800)}}.matrix-viewer-module__8NS0Kq__bgStriped{background-image:repeating-linear-gradient(-45deg,#fff,#fff 2px,#e5e5e5 2px 4px)}@media (prefers-color-scheme:dark){.matrix-viewer-module__8NS0Kq__bgStriped{background-image:repeating-linear-gradient(-45deg,#262626,#262626 2px,#404040 2px 4px)}}.matrix-viewer-module__8NS0Kq__bgCheckered{background-color:#fff;background-image:linear-gradient(45deg,#e5e5e5 25%,#0000 25%),linear-gradient(-45deg,#e5e5e5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e5e5 75%),linear-gradient(-45deg,#0000 75%,#e5e5e5 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}@media (prefers-color-scheme:dark){.matrix-viewer-module__8NS0Kq__bgCheckered{background-color:#262626;background-image:linear-gradient(45deg,#404040 25%,#0000 25%),linear-gradient(-45deg,#404040 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#404040 75%),linear-gradient(-45deg,#0000 75%,#404040 75%)}}.matrix-viewer-module__8NS0Kq__loading{color:var(--nb-text-tertiary);flex:1;justify-content:center;align-items:center;display:flex}.matrix-viewer-module__8NS0Kq__error{margin:var(--nb-space-6);padding:var(--nb-space-4);border-radius:var(--nb-radius-md);border:1px solid var(--nb-error-border);background:var(--nb-error-light)}.matrix-viewer-module__8NS0Kq__errorTitle{font-weight:var(--nb-font-medium);color:var(--nb-error-text);margin:0 0 var(--nb-space-1)0}.matrix-viewer-module__8NS0Kq__errorMessage{font-size:var(--nb-text-sm);color:var(--nb-error-text);opacity:.9;margin:0}
:root{--nb-primary-50:#eef2ff;--nb-primary-100:#e0e7ff;--nb-primary-200:#c7d2fe;--nb-primary-300:#a5b4fc;--nb-primary-400:#818cf8;--nb-primary-500:#6366f1;--nb-primary-600:#4f46e5;--nb-primary-700:#4338ca;--nb-primary-800:#3730a3;--nb-primary-900:#312e81;--nb-neutral-0:#fff;--nb-neutral-50:#fafafa;--nb-neutral-100:#f5f5f5;--nb-neutral-150:#ededed;--nb-neutral-200:#e5e5e5;--nb-neutral-300:#d4d4d4;--nb-neutral-400:#a3a3a3;--nb-neutral-500:#737373;--nb-neutral-600:#525252;--nb-neutral-700:#404040;--nb-neutral-800:#262626;--nb-neutral-850:#1a1a1a;--nb-neutral-900:#171717;--nb-neutral-950:#0a0a0a;--nb-error-light:#fef2f2;--nb-error-border:#fecaca;--nb-error-text:#dc2626;--nb-error-bg:#fee2e2;--nb-success-light:#f0fdf4;--nb-success-border:#bbf7d0;--nb-success-text:#16a34a;--nb-bg-app:var(--nb-neutral-0);--nb-bg-sidebar:var(--nb-neutral-50);--nb-bg-panel:var(--nb-neutral-50);--nb-bg-canvas:var(--nb-neutral-0);--nb-bg-elevated:var(--nb-neutral-0);--nb-bg-hover:var(--nb-neutral-100);--nb-bg-active:var(--nb-primary-50);--nb-bg-input:var(--nb-neutral-0);--nb-bg-glass:#fffc;--nb-border-subtle:var(--nb-neutral-150);--nb-border-default:var(--nb-neutral-200);--nb-border-strong:var(--nb-neutral-300);--nb-border-focus:var(--nb-primary-500);--nb-text-primary:var(--nb-neutral-900);--nb-text-secondary:var(--nb-neutral-600);--nb-text-tertiary:var(--nb-neutral-500);--nb-text-muted:var(--nb-neutral-400);--nb-text-inverse:var(--nb-neutral-0);--nb-text-brand:var(--nb-primary-600);--nb-interactive-default:var(--nb-neutral-700);--nb-interactive-hover:var(--nb-neutral-900);--nb-interactive-active:var(--nb-primary-600);--nb-font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--nb-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--nb-text-xs:.75rem;--nb-text-sm:.875rem;--nb-text-base:1rem;--nb-text-lg:1.125rem;--nb-text-xl:1.25rem;--nb-leading-tight:1.25;--nb-leading-normal:1.5;--nb-leading-relaxed:1.625;--nb-font-normal:400;--nb-font-medium:500;--nb-font-semibold:600;--nb-space-0:0;--nb-space-1:.25rem;--nb-space-1-5:.375rem;--nb-space-2:.5rem;--nb-space-3:.75rem;--nb-space-4:1rem;--nb-space-5:1.25rem;--nb-space-6:1.5rem;--nb-space-8:2rem;--nb-space-10:2.5rem;--nb-space-12:3rem;--nb-radius-sm:.375rem;--nb-radius-md:.5rem;--nb-radius-lg:.75rem;--nb-radius-xl:1rem;--nb-radius-full:9999px;--nb-shadow-xs:0 1px 2px #0000000d;--nb-shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000f;--nb-shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;--nb-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000f;--nb-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000f;--nb-ring-width:2px;--nb-ring-offset:2px;--nb-ring-color:var(--nb-primary-500);--nb-ring:0 0 0 var(--nb-ring-offset)var(--nb-bg-app),0 0 0 calc(var(--nb-ring-offset) + var(--nb-ring-width))var(--nb-ring-color);--nb-transition-fast:.1s ease;--nb-transition-base:.15s ease;--nb-transition-slow:.2s ease;--nb-transition-slower:.3s ease;--nb-glass-blur:12px;--nb-glass-bg:#ffffffd9;--nb-glass-border:#fff3;--nb-sidebar-width:280px;--nb-header-height:56px;--nb-controls-max-height:280px;--nb-mobile-header-height:48px}@media (prefers-color-scheme:dark){:root{--nb-bg-app:var(--nb-neutral-950);--nb-bg-sidebar:var(--nb-neutral-900);--nb-bg-panel:var(--nb-neutral-900);--nb-bg-canvas:var(--nb-neutral-950);--nb-bg-elevated:var(--nb-neutral-850);--nb-bg-hover:var(--nb-neutral-800);--nb-bg-active:#6366f126;--nb-bg-input:var(--nb-neutral-850);--nb-bg-glass:#0a0a0ad9;--nb-border-subtle:var(--nb-neutral-850);--nb-border-default:var(--nb-neutral-800);--nb-border-strong:var(--nb-neutral-700);--nb-border-focus:var(--nb-primary-400);--nb-text-primary:var(--nb-neutral-50);--nb-text-secondary:var(--nb-neutral-300);--nb-text-tertiary:var(--nb-neutral-400);--nb-text-muted:var(--nb-neutral-500);--nb-text-inverse:var(--nb-neutral-900);--nb-text-brand:var(--nb-primary-400);--nb-interactive-default:var(--nb-neutral-300);--nb-interactive-hover:var(--nb-neutral-50);--nb-interactive-active:var(--nb-primary-400);--nb-error-light:#dc26261a;--nb-error-border:#dc26264d;--nb-error-text:#fca5a5;--nb-error-bg:#dc262626;--nb-glass-bg:#171717e6;--nb-glass-border:#ffffff1a;--nb-shadow-xs:0 1px 2px #0000004d;--nb-shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--nb-shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--nb-shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--nb-shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0000004d;--nb-ring-color:var(--nb-primary-400)}}.story-viewer-module__vN_y0G__container{background:var(--nb-bg-canvas);flex-direction:column;height:100%;display:flex}.story-viewer-module__vN_y0G__containerWithRightPanel{flex-direction:row}.story-viewer-module__vN_y0G__mainArea{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.story-viewer-module__vN_y0G__header{padding:var(--nb-space-3)var(--nb-space-6);background:var(--nb-bg-elevated);border-bottom:1px solid var(--nb-border-subtle);justify-content:space-between;align-items:center;gap:var(--nb-space-4);flex-shrink:0;display:flex}@media (max-width:767px){.story-viewer-module__vN_y0G__header{padding:var(--nb-space-2)var(--nb-space-3);gap:var(--nb-space-2)}}.story-viewer-module__vN_y0G__title{font-size:var(--nb-text-base);font-weight:var(--nb-font-semibold);color:var(--nb-text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}@media (max-width:767px){.story-viewer-module__vN_y0G__title{font-size:var(--nb-text-sm)}}.story-viewer-module__vN_y0G__headerControls{align-items:center;gap:var(--nb-space-3);flex-shrink:0;display:flex}@media (max-width:767px){.story-viewer-module__vN_y0G__headerControls{gap:var(--nb-space-1)}}.story-viewer-module__vN_y0G__divider{background:var(--nb-border-default);width:1px;height:20px}@media (max-width:767px){.story-viewer-module__vN_y0G__divider{display:none}}.story-viewer-module__vN_y0G__panButton{border-radius:var(--nb-radius-sm);width:28px;height:28px;color:var(--nb-text-tertiary);cursor:pointer;transition:background var(--nb-transition-fast),color var(--nb-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.story-viewer-module__vN_y0G__panButton:hover{background:var(--nb-bg-hover);color:var(--nb-text-secondary)}.story-viewer-module__vN_y0G__panButtonActive,.story-viewer-module__vN_y0G__panButtonActive:hover{color:var(--nb-text-brand)}.story-viewer-module__vN_y0G__mocksIndicator{align-items:center;gap:var(--nb-space-1);padding:var(--nb-space-1)var(--nb-space-2);font-size:var(--nb-text-xs);font-weight:var(--nb-font-medium);color:var(--nb-success-text);background:var(--nb-success-light);border:1px solid var(--nb-success-border);border-radius:var(--nb-radius-full);white-space:nowrap;display:flex}.story-viewer-module__vN_y0G__mocksIndicator svg{flex-shrink:0}@media (max-width:767px){.story-viewer-module__vN_y0G__mocksIndicator span{display:none}.story-viewer-module__vN_y0G__mocksIndicator{padding:var(--nb-space-1)}}.story-viewer-module__vN_y0G__zoomControls{align-items:center;gap:var(--nb-space-1);display:flex}.story-viewer-module__vN_y0G__zoomButton{border-radius:var(--nb-radius-sm);width:28px;height:28px;color:var(--nb-text-secondary);cursor:pointer;transition:background var(--nb-transition-fast),color var(--nb-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.story-viewer-module__vN_y0G__zoomButton:hover:not(:disabled){background:var(--nb-bg-hover);color:var(--nb-text-primary)}.story-viewer-module__vN_y0G__zoomButton:disabled{opacity:.4;cursor:not-allowed}.story-viewer-module__vN_y0G__zoomInputWrapper{align-items:center;display:flex;position:relative}.story-viewer-module__vN_y0G__zoomInput{width:52px;padding:var(--nb-space-1)var(--nb-space-5)var(--nb-space-1)2px;font-size:var(--nb-text-xs);font-weight:var(--nb-font-medium);color:var(--nb-text-secondary);background:var(--nb-bg-hover);border-radius:var(--nb-radius-sm);text-align:right;font-variant-numeric:tabular-nums;transition:border-color var(--nb-transition-fast),background var(--nb-transition-fast);border:1px solid #0000}.story-viewer-module__vN_y0G__zoomInput:hover{background:var(--nb-bg-active)}.story-viewer-module__vN_y0G__zoomInput:focus{border-color:var(--nb-text-brand);background:var(--nb-bg-elevated);outline:none}.story-viewer-module__vN_y0G__zoomInputSuffix{right:var(--nb-space-1-5);font-size:var(--nb-text-xs);font-weight:var(--nb-font-medium);color:var(--nb-text-tertiary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.story-viewer-module__vN_y0G__backgroundSwitcher{align-items:center;gap:var(--nb-space-1);display:flex}.story-viewer-module__vN_y0G__bgButton{border-radius:var(--nb-radius-md);border:2px solid var(--nb-border-default);cursor:pointer;width:28px;height:28px;transition:border-color var(--nb-transition-fast),box-shadow var(--nb-transition-fast);background:0 0;padding:0;position:relative;overflow:hidden}.story-viewer-module__vN_y0G__bgButton:hover{border-color:var(--nb-border-strong)}.story-viewer-module__vN_y0G__bgButtonActive{border-color:var(--nb-text-brand);box-shadow:0 0 0 2px #6366f133}.story-viewer-module__vN_y0G__bgButtonInner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.story-viewer-module__vN_y0G__bgDefault{background:var(--nb-neutral-100)}@media (prefers-color-scheme:dark){.story-viewer-module__vN_y0G__bgDefault{background:var(--nb-neutral-800)}}.story-viewer-module__vN_y0G__bgStriped{background-image:repeating-linear-gradient(-45deg,#fff,#fff 2px,#e5e5e5 2px 4px)}@media (prefers-color-scheme:dark){.story-viewer-module__vN_y0G__bgStriped{background-image:repeating-linear-gradient(-45deg,#262626,#262626 2px,#404040 2px 4px)}}.story-viewer-module__vN_y0G__bgCheckered{background-color:#fff;background-image:linear-gradient(45deg,#e5e5e5 25%,#0000 25%),linear-gradient(-45deg,#e5e5e5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e5e5 75%),linear-gradient(-45deg,#0000 75%,#e5e5e5 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}@media (prefers-color-scheme:dark){.story-viewer-module__vN_y0G__bgCheckered{background-color:#262626;background-image:linear-gradient(45deg,#404040 25%,#0000 25%),linear-gradient(-45deg,#404040 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#404040 75%),linear-gradient(-45deg,#0000 75%,#404040 75%)}}.story-viewer-module__vN_y0G__canvas{cursor:grab;-webkit-user-select:none;user-select:none;flex:1;overflow:hidden}.story-viewer-module__vN_y0G__canvas:active,.story-viewer-module__vN_y0G__canvasDragging{cursor:grabbing}.story-viewer-module__vN_y0G__canvasNoPan,.story-viewer-module__vN_y0G__canvasNoPan:active{cursor:default}.story-viewer-module__vN_y0G__canvasDefault{background:var(--nb-bg-canvas)}.story-viewer-module__vN_y0G__canvasStriped{background-image:repeating-linear-gradient(-45deg,#fff,#fff 10px,#e5e5e5 10px 20px)}@media (prefers-color-scheme:dark){.story-viewer-module__vN_y0G__canvasStriped{background-image:repeating-linear-gradient(-45deg,#262626,#262626 10px,#404040 10px 20px)}}.story-viewer-module__vN_y0G__canvasCheckered{background-color:#fff;background-image:linear-gradient(45deg,#e5e5e5 25%,#0000 25%),linear-gradient(-45deg,#e5e5e5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e5e5 75%),linear-gradient(-45deg,#0000 75%,#e5e5e5 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}@media (prefers-color-scheme:dark){.story-viewer-module__vN_y0G__canvasCheckered{background-color:#262626;background-image:linear-gradient(45deg,#404040 25%,#0000 25%),linear-gradient(-45deg,#404040 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#404040 75%),linear-gradient(-45deg,#0000 75%,#404040 75%)}}.story-viewer-module__vN_y0G__canvasInner{transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:none;display:flex}.story-viewer-module__vN_y0G__storyFrame{padding:var(--nb-space-8)}.story-viewer-module__vN_y0G__error{padding:var(--nb-space-4);border-radius:var(--nb-radius-md);border:1px solid var(--nb-error-border);background:var(--nb-error-light)}.story-viewer-module__vN_y0G__errorTitle{font-weight:var(--nb-font-medium);color:var(--nb-error-text);margin:0 0 var(--nb-space-1)0}.story-viewer-module__vN_y0G__errorMessage{font-size:var(--nb-text-sm);color:var(--nb-error-text);opacity:.9;margin:0}