:root{--brand:#8b0036;--brand-hover:#a30040;--color-gray-0:#fff;--color-gray-10:#eeeff1;--color-gray-20:#d4d7dc;--color-gray-30:#b8bcc5;--color-gray-40:#9ba2af;--color-gray-50:#858d9d;--color-gray-60:#707a8c;--color-gray-70:#626b7b;--color-gray-80:#515865;--color-gray-90:#404550;--color-gray-100:#2d3138;--color-bg:var(--color-gray-0);--color-bg-elevated:var(--color-gray-0);--color-text:var(--color-gray-100);--color-text-muted:var(--color-gray-60);--color-text-secondary:var(--color-gray-60);--color-text-tertiary:var(--color-gray-50);--color-text-inverse:var(--color-gray-0);--color-primary:var(--brand);--color-primary-hover:var(--brand-hover);--color-primary-light:#8b00360f;--color-border:var(--color-gray-20);--color-border-strong:var(--color-gray-30);--color-surface:var(--color-gray-10);--color-surface-raised:#ffffffeb;--color-bg-hover:var(--color-gray-10);--color-bg-inverse:var(--color-gray-100);--color-skeleton:#0000001c;--color-focus-ring:#8b003666;--color-info:#0288d1;--color-info-light:#0288d11a;--color-success:#2e7d32;--color-success-light:#2e7d321a;--color-warning:#ed6c02;--color-warning-light:#ed6c0214;--color-error:#d32f2f;--color-error-light:#d32f2f1a;--color-error-hover:#b71c1c;--color-danger:var(--color-error);--color-on-accent:#fff;--color-overlay:#00000073;--color-header-border:#fff6;--color-warning-bg:#ed6c020f;--header-bg:var(--brand);--header-text:var(--color-gray-0);--header-shadow:0 0 .5rem var(--brand);--header-control-bg:#ffffff1f;--header-control-bg-hover:#ffffff38;--header-control-bg-active:#ffffff29;--header-control-border-hover:#ffffff8c;--header-control-focus-ring:#ffffff8c;--header-height:60px;--layout-sidebar-width:240px;--spacer-size:20px;--container-max-width:1200px;--container-padding:1rem;--spacing-2xs:.125rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-md:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-family-sans:"Geist Variable", "Geist", system-ui, -apple-system, sans-serif;--font-family-display:var(--font-family-sans);--font-family-mono:"Geist Mono", ui-monospace, sfmono-regular, menlo, consolas, monospace;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-normal:400;--typography-display-lg-font-size:clamp(2rem, 3.2vw, 3rem);--typography-display-lg-line-height:1.08;--typography-display-lg-font-weight:var(--font-weight-bold);--typography-display-lg-letter-spacing:-.03em;--typography-display-md-font-size:clamp(1.75rem, 2.4vw, 2.5rem);--typography-display-md-line-height:1.12;--typography-display-md-font-weight:var(--font-weight-bold);--typography-display-md-letter-spacing:-.025em;--typography-h1-font-size:var(--font-size-3xl);--typography-h1-line-height:1.2;--typography-h1-font-weight:var(--font-weight-bold);--typography-h1-letter-spacing:-.02em;--typography-h2-font-size:var(--font-size-2xl);--typography-h2-line-height:1.26;--typography-h2-font-weight:var(--font-weight-semibold);--typography-h2-letter-spacing:-.01em;--typography-h3-font-size:var(--font-size-xl);--typography-h3-line-height:1.35;--typography-h3-font-weight:var(--font-weight-semibold);--typography-h3-letter-spacing:-.005em;--typography-title-lg-font-size:var(--font-size-lg);--typography-title-lg-line-height:1.4;--typography-title-lg-font-weight:var(--font-weight-semibold);--typography-title-lg-letter-spacing:-.005em;--typography-title-md-font-size:var(--font-size-md);--typography-title-md-line-height:1.45;--typography-title-md-font-weight:var(--font-weight-semibold);--typography-title-md-letter-spacing:0;--typography-body-lg-font-size:var(--font-size-lg);--typography-body-lg-line-height:1.55;--typography-body-lg-font-weight:var(--font-weight-normal);--typography-body-lg-letter-spacing:0;--typography-body-md-font-size:var(--font-size-base);--typography-body-md-line-height:1.5;--typography-body-md-font-weight:var(--font-weight-normal);--typography-body-md-letter-spacing:0;--typography-body-sm-font-size:var(--font-size-md);--typography-body-sm-line-height:1.45;--typography-body-sm-font-weight:var(--font-weight-normal);--typography-body-sm-letter-spacing:0;--typography-label-lg-font-size:var(--font-size-md);--typography-label-lg-line-height:1.35;--typography-label-lg-font-weight:var(--font-weight-medium);--typography-label-lg-letter-spacing:.01em;--typography-label-md-font-size:var(--font-size-sm);--typography-label-md-line-height:1.3;--typography-label-md-font-weight:var(--font-weight-medium);--typography-label-md-letter-spacing:.015em;--typography-caption-font-size:var(--font-size-xs);--typography-caption-line-height:1.35;--typography-caption-font-weight:var(--font-weight-normal);--typography-caption-letter-spacing:.01em;--typography-overline-font-size:var(--font-size-xs);--typography-overline-line-height:1.2;--typography-overline-font-weight:var(--font-weight-semibold);--typography-overline-letter-spacing:.09em;--typography-button-sm-font-size:var(--font-size-sm);--typography-button-sm-line-height:1.2;--typography-button-sm-font-weight:var(--font-weight-medium);--typography-button-sm-letter-spacing:.005em;--typography-button-md-font-size:var(--font-size-md);--typography-button-md-line-height:1.2;--typography-button-md-font-weight:var(--font-weight-medium);--typography-button-md-letter-spacing:.004em;--typography-button-lg-font-size:var(--font-size-lg);--typography-button-lg-line-height:1.2;--typography-button-lg-font-weight:var(--font-weight-semibold);--typography-button-lg-letter-spacing:.003em;--typography-scale-2xs:.625rem;--typography-scale-xs:var(--typography-caption-font-size);--typography-scale-sm:var(--typography-label-md-font-size);--typography-scale-md:var(--typography-body-sm-font-size);--typography-scale-base:var(--typography-body-md-font-size);--typography-scale-lg:var(--typography-body-lg-font-size);--typography-scale-xl:var(--typography-h3-font-size);--typography-scale-2xl:var(--typography-h2-font-size);--typography-scale-3xl:var(--typography-h1-font-size);--typography-scale-5xl:3.125rem;--typography-size-icon-sm:1rem;--typography-size-icon-lg:1.5rem;--typography-size-icon-md:1.25rem;--typography-size-fluid-display:clamp(2rem, 6vw, 3rem);--typography-size-fluid-body:clamp(.9375rem, 2.5vw, 1rem);--typography-weight-regular:var(--font-weight-normal);--typography-weight-medium:var(--font-weight-medium);--typography-weight-semibold:var(--font-weight-semibold);--typography-weight-bold:var(--font-weight-bold);--typography-line-height-zero:0;--typography-line-height-none:1;--typography-line-height-tight:1.2;--typography-line-height-snug:1.35;--typography-line-height-normal:1.4;--typography-line-height-body:1.5;--typography-line-height-relaxed:1.6;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:50%;--radius-pill:999px;--shadow-sm:0 1px 2px #0000000d, 0 1px 3px #0000000f;--shadow-card:0 1px 2px #0000000a, 0 2px 8px #00000008;--shadow-popover:0 4px 8px #0000000f, 0 12px 40px #0000001a;--shadow-dialog:0 8px 16px #0000001a, 0 24px 48px #00000024;--shadow-drawer:-2px 0 8px #0000000f, -8px 0 32px #0000001f;--shadow-hover:0 2px 4px #0000000a, 0 8px 24px #0000000f;--shadow-interactive:0 2px 6px #0000000d, 0 8px 20px #00000014;--shadow-focus:0 0 0 3px var(--color-focus-ring);--shadow-focus-primary:0 0 0 3px var(--color-focus-ring), 0 0 12px #8b00361f;--z-header:100;--z-overlay:999;--z-modal:1000;--z-dropdown:200;--z-toast:9999;--transition-fast:.2s ease;--transition-normal:.5s ease;--transition-slow:1s ease;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--ease-in-out-smooth:cubic-bezier(.4, 0, .2, 1);--opacity-disabled:.5;--blur-overlay:blur(12px) saturate(180%);--blur-glass:blur(16px) saturate(180%);--shadow-glow:0 0 20px #8b003640, 0 4px 12px #8b003626;--shadow-glow-sm:0 0 12px #8b003633;--shadow-glow-lg:0 0 30px #8b00364d, 0 8px 20px #8b00362e;--color-glass:#ffffffb8;--color-glass-border:#fff6;--color-tooltip:#42464c;--color-surface-alt:var(--color-surface);--color-border-hover:var(--color-gray-30);--theme-toggle-light-border:var(--color-primary);--theme-toggle-light-selected-bg:var(--color-primary);--theme-toggle-light-selected-border:var(--color-primary);--theme-toggle-light-selected-fg:var(--color-gray-0);--gradient-surface:linear-gradient(135deg, var(--color-bg) 0%, var(--color-surface) 100%);--gradient-brand:linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, #ff4081) 100%);--gradient-brand-subtle:linear-gradient(135deg, #8b00360f 0%, #8b003605 100%);--gradient-card:var(--color-bg-elevated);--gradient-field:var(--color-bg);--gradient-shimmer:linear-gradient(90deg, transparent 0%, #ffffff0d 50%, transparent 100%);--loader-duration-in:.2s;--loader-duration-out:.6s;font-family:var(--font-family-sans);line-height:var(--typography-body-md-line-height);font-size:var(--typography-body-md-font-size);font-weight:var(--typography-body-md-font-weight);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background-color:var(--color-bg)}[data-theme=dark]{--color-bg:var(--color-gray-100);--color-bg-elevated:var(--color-gray-80);--color-text:var(--color-gray-10);--color-text-muted:var(--color-gray-30);--color-text-secondary:var(--color-gray-30);--color-text-tertiary:var(--color-gray-40);--color-text-inverse:var(--color-gray-100);--color-primary:#d4446e;--color-primary-hover:#e05a82;--color-primary-light:#d4446e14;--color-border:var(--color-gray-80);--color-border-strong:var(--color-gray-60);--color-surface:var(--color-gray-90);--color-surface-raised:#515865eb;--color-bg-hover:var(--color-gray-90);--color-bg-inverse:var(--color-gray-10);--color-skeleton:#ffffff21;--color-focus-ring:#d4446e66;--color-info:#29b6f6;--color-info-light:#29b6f61f;--color-success:#66bb6a;--color-success-light:#66bb6a1f;--color-warning:#ffa726;--color-warning-light:#ffa7261a;--color-error:#ef5350;--color-error-light:#ef53501f;--color-error-hover:#e53935;--color-on-accent:#fff;--color-overlay:#0009;--color-header-border:#ffffff4d;--color-warning-bg:#ffa72614;--header-bg:var(--color-gray-90);--header-text:var(--color-gray-10);--header-shadow:none;--header-control-bg:#ffffff1a;--header-control-bg-hover:#ffffff2e;--header-control-bg-active:#ffffff1f;--header-control-border-hover:#ffffff80;--header-control-focus-ring:#ffffff80;--shadow-sm:0 1px 2px #00000029, 0 2px 4px #00000024;--shadow-card:0 1px 3px #0000002e, 0 2px 8px #0000001f;--shadow-popover:0 4px 8px #0000002e, 0 16px 48px #00000038;--shadow-dialog:0 8px 16px #0003, 0 32px 64px #00000042;--shadow-drawer:-2px 0 8px #00000029, -12px 0 40px #0000003d;--shadow-hover:0 2px 6px #00000024, 0 10px 28px #00000029;--shadow-interactive:0 2px 8px #00000029, 0 10px 24px #0003;--shadow-focus:0 0 0 3px var(--color-focus-ring);--shadow-focus-primary:0 0 0 3px var(--color-focus-ring), 0 0 12px #d4446e26;--shadow-glow:0 0 20px #d4446e4d, 0 4px 12px #d4446e33;--shadow-glow-sm:0 0 12px #d4446e40;--shadow-glow-lg:0 0 30px #d4446e59, 0 8px 20px #d4446e38;--color-glass:#2d3138ad;--color-glass-border:#ffffff1f;--color-tooltip:#dcdde0;--color-border-hover:var(--color-gray-60);--theme-toggle-light-border:var(--color-primary);--theme-toggle-light-selected-bg:var(--color-primary);--theme-toggle-light-selected-border:var(--color-bg-elevated);--theme-toggle-light-selected-fg:var(--color-bg-elevated);--gradient-brand:linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, #ff6b9d) 100%);--gradient-brand-subtle:linear-gradient(135deg, #d4446e14 0%, #d4446e08 100%);--gradient-card:var(--color-bg-elevated);--gradient-field:var(--color-bg);--gradient-shimmer:linear-gradient(90deg, transparent 0%, #ffffff08 50%, transparent 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{height:100vh;overflow:hidden}body.transitionsReady{transition:color var(--transition-fast), background-color var(--transition-fast)}#root{flex-direction:column;height:100vh;display:flex;overflow:hidden}.vuTypeDisplayLg{font-size:var(--typography-display-lg-font-size);line-height:var(--typography-display-lg-line-height);font-weight:var(--typography-display-lg-font-weight);letter-spacing:var(--typography-display-lg-letter-spacing)}.vuTypeH1{font-size:var(--typography-h1-font-size);line-height:var(--typography-h1-line-height);font-weight:var(--typography-h1-font-weight);letter-spacing:var(--typography-h1-letter-spacing)}.vuTypeH2{font-size:var(--typography-h2-font-size);line-height:var(--typography-h2-line-height);font-weight:var(--typography-h2-font-weight);letter-spacing:var(--typography-h2-letter-spacing)}.vuTypeTitle{font-size:var(--typography-title-lg-font-size);line-height:var(--typography-title-lg-line-height);font-weight:var(--typography-title-lg-font-weight);letter-spacing:var(--typography-title-lg-letter-spacing)}.vuTypeBody{font-size:var(--typography-body-md-font-size);line-height:var(--typography-body-md-line-height);font-weight:var(--typography-body-md-font-weight);letter-spacing:var(--typography-body-md-letter-spacing)}.vuTypeLabel{font-size:var(--typography-label-md-font-size);line-height:var(--typography-label-md-line-height);font-weight:var(--typography-label-md-font-weight);letter-spacing:var(--typography-label-md-letter-spacing)}.vuTypeCaption{font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);font-weight:var(--typography-caption-font-weight);letter-spacing:var(--typography-caption-letter-spacing)}.vuTypeOverline{font-size:var(--typography-overline-font-size);line-height:var(--typography-overline-line-height);font-weight:var(--typography-overline-font-weight);letter-spacing:var(--typography-overline-letter-spacing);text-transform:uppercase}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes expandDown{0%{opacity:0;transform-origin:top;transform:scaleY(.95)}to{opacity:1;transform-origin:top;transform:scaleY(1)}}@keyframes checkBounce{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes morphIn{0%{opacity:0;filter:blur(4px);transform:scale(.92)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes drawCheck{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}@keyframes gradientSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes countUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes countDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary-light) 42%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, transparent), var(--color-bg));margin:0}#root{min-height:100dvh}.layout{grid-template-columns:var(--layout-sidebar-width) 1fr;background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-primary-light) 32%, transparent), transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 60%, transparent), transparent 20%);height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.main{padding:var(--spacing-2xl);background:linear-gradient(180deg, color-mix(in srgb, var(--color-bg-elevated) 70%, transparent), transparent 28%), transparent;overflow-y:auto}.pageHeader{margin-bottom:var(--spacing-2xl);gap:var(--spacing-xl);display:grid}.pageEyebrow{margin:0}.pageTitle{margin:var(--spacing-xs) 0 var(--spacing-xs)}.pageDescription{max-width:52rem;margin:0}.pageStats{margin-top:var(--spacing-lg);gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.statPill{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);display:flex;box-shadow:inset 0 1px #ffffff8c}.showcaseSection{gap:var(--spacing-md);margin-bottom:var(--spacing-3xl);display:grid}.showcaseHeading{gap:var(--spacing-2xs);display:grid}.showcaseContent{gap:var(--spacing-sm);display:grid}.showcaseContent :is([role=dialog],[role=listbox]){z-index:var(--z-overlay)}.previewPanel{gap:var(--spacing-md);display:grid;position:relative;overflow:visible}.previewPanel.previewPanel{overflow:visible}.previewGroup{gap:var(--spacing-sm);min-width:0;display:grid;overflow:visible}.previewGroup+.previewGroup{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.backToTopScrollFiller{margin-top:var(--spacing-xl);min-height:min(200vh,2800px);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-subtle);gap:var(--spacing-lg);flex-direction:column;display:flex}.backToTopScrollFillerCard{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);gap:var(--spacing-sm);display:grid}.backToTopScrollFillerBar{border-radius:var(--radius-sm);background:var(--color-bg-hover);max-width:100%;height:10px}.backToTopScrollFillerBarNarrow{width:38%}.backToTopScrollFillerBarWide{width:92%}.backToTopScrollFillerBarMid{width:72%}.previewGroupHeader{gap:var(--spacing-2xs);display:grid}.previewGroupTitle,.previewGroupSubtitle{margin:0}.affixButtonBadgeSpacer{width:10px;display:inline-block}.previewGroupContent{gap:var(--spacing-sm);min-width:0;display:grid;overflow:visible}.previewPanel .previewGroupContent>button{justify-self:start;width:fit-content;max-width:100%}.previewUploadFull{gap:var(--spacing-sm);flex-direction:column;width:100%;min-width:0;display:flex}.previewUploadFull button{width:100%}.showcaseMeta{margin:0}.row{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.loaderPreviewRow{min-height:7rem;padding:var(--spacing-xl);border:1px solid color-mix(in srgb, var(--color-border) 76%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-bg-elevated) 94%, transparent);box-shadow:var(--shadow-sm)}.inputFieldStack{gap:var(--spacing-lg);flex-direction:column;display:flex}.inputSizesStack>*{width:100%;margin-bottom:var(--spacing-md);display:block}.inputSizesStack>:last-child{margin-bottom:0}.gridCards{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.codeInline{margin-inline:var(--spacing-2xs)}.overviewList{gap:var(--spacing-xs);color:var(--color-text-secondary);margin:0;padding-left:1.25rem;display:grid}.installBlock,.mutedText{margin:0}.stepButtons{margin-top:var(--spacing-md);gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.speedDialGrid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.speedDialCard{gap:var(--spacing-sm);flex-direction:column;align-items:center;display:flex}.speedDialAnchor{width:56px;height:56px;position:relative}.bottomNavPreview{border:1px solid var(--color-border);border-radius:var(--radius-md);height:120px;position:relative;overflow:hidden}.bottomNavPreviewLabel{padding:var(--spacing-md);text-align:center}.pageLoaderPreview{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-gray-0);width:min(100%,28rem);height:18rem;position:relative;overflow:hidden}.flipCardGrid{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.flipCardFace,.flipCardBack,.flipCardSimple{justify-content:center;align-items:center;gap:var(--spacing-xs);flex-direction:column;height:100%;display:flex}.virtualRow{justify-content:space-between;align-items:center;gap:var(--spacing-sm);width:100%;display:flex}.col{gap:var(--spacing-md);flex-direction:column;display:flex}.colGap2xs{gap:var(--spacing-2xs)}.colGapXs{gap:var(--spacing-xs)}.justifyBetween{justify-content:space-between}.flex1{flex:1}.surfacePanel{padding:var(--spacing-2xl);text-align:center;background:var(--color-surface)}.demoSectionFallback{gap:var(--spacing-md);max-width:42rem;padding:var(--spacing-2xl);text-align:start;background:var(--color-surface);border-radius:var(--radius-md);flex-direction:column;display:flex}.marqueeTag{padding:0 var(--spacing-lg)}.contextMenuTarget{border:2px dashed var(--color-border);border-radius:var(--radius-md);justify-content:center;align-items:center;min-height:120px;display:flex}@media (width<1080px){.layout{grid-template-columns:1fr}}@media (width<640px){.main{padding:var(--spacing-md)}.pageHeader{padding:var(--spacing-lg)}.showcaseSection{margin-bottom:var(--spacing-2xl)}.previewPanel{padding:var(--spacing-lg)}.pageHeaderActions{padding-top:var(--spacing-sm)}.scenarioHeader{flex-direction:column}}.editableHeader{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.editableGrid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.docsGrid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.docsCard{gap:var(--spacing-sm);flex-direction:column;display:flex}.docsCardHeader{justify-content:space-between;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.docsCardTitle{margin:0}@media (width<640px){.docsGrid,.editableGrid{grid-template-columns:1fr}}.layoutPreviewShell{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);height:min(60dvh,420px);min-height:360px;overflow:hidden}.layoutPreviewShellCompact{height:min(24dvh,160px);min-height:140px}.layoutPreviewShell>*{height:100%}.layoutNavbarLogo{font-size:var(--typography-scale-5xl);color:var(--header-text)}.layoutNavbarActions{align-items:center;gap:var(--spacing-md);flex-wrap:nowrap;display:inline-flex}.layoutNavbarActions>*{flex-shrink:0}.layoutShellContent{flex-direction:column;min-height:100%;max-height:100%;display:flex}.sidebarPreviewShell{border:1px solid var(--color-border);border-radius:var(--radius-md);height:420px;display:flex;overflow:hidden}.sidebarPreviewHeader{padding:var(--spacing-sm)}.sidebarPreviewBody{padding:var(--spacing-md);flex:1}.sidebarNavPreview{width:var(--layout-sidebar-width)}.resizableDemoShell{height:200px}.resizableDemoPanel{padding:var(--spacing-md);background:var(--color-surface)}.dividerVerticalDemo{height:60px}.recronHero{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);display:grid}.recronTitle{margin:0}.aiActionsRow{flex-wrap:nowrap;justify-content:center;width:100%}.aiScenarioSelect{min-width:220px}.aiActionButton{white-space:nowrap}.aiRunButton{min-width:max-content}.recronDemoMedium{width:min(100%,42rem)}.recronDemoWide{width:min(100%,70rem)}.timelineCompositeDemo{gap:var(--spacing-md);width:min(100%,42rem);display:grid}.chipsCasesGrid{gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,70rem);display:grid}.chipsCaseCard{gap:var(--spacing-xs);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-elevated);display:grid}@media (width<768px){.chipsCasesGrid{grid-template-columns:1fr}}.recronDemoSurface{padding:var(--spacing-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pageHeaderIntro{gap:var(--spacing-xs);display:grid}.pageHeaderActions{gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid color-mix(in srgb, var(--color-border) 78%, transparent);display:grid}.pageHeaderActionsCopy{gap:var(--spacing-2xs);display:grid}.pageHeaderActionGrid{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.pageHeaderRemember{padding-top:var(--spacing-2xs);justify-content:flex-start;display:flex}.overviewHeroPanel{gap:var(--spacing-xl)}.overviewLead{gap:var(--spacing-md);display:grid}.overviewTrackGrid,.overviewFeatureGrid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.overviewTrackCard,.overviewFeatureCard{align-content:start;gap:var(--spacing-sm);min-height:100%;display:grid}.overviewCardEyebrow,.overviewCardTitle,.overviewCardBody{margin:0}.overviewCardActions{padding-top:var(--spacing-xs);margin-top:auto}.scenarioShell{gap:var(--spacing-md);padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-sm);display:grid}.scenarioShellCompact{min-height:100%}.scenarioHeader{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.scenarioHeaderCopy{gap:var(--spacing-2xs);display:grid}.scenarioHeaderCopy>*{margin:0}.scenarioMetricRow{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.scenarioMetric{gap:var(--spacing-2xs);min-width:7rem;padding:var(--spacing-sm) var(--spacing-md);border:1px solid color-mix(in srgb, var(--color-border) 78%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-bg-elevated) 92%, transparent);display:grid}.scenarioBody{gap:var(--spacing-sm);display:grid}.scenarioGrid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.scenarioCard{gap:var(--spacing-2xs);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.scenarioCard>*{margin:0}.tabShowcasePanel{gap:var(--spacing-md);padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-sm);display:grid}.shortcutRow,.actionCluster{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.recronOverviewGrid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.demoSubsectionIntro{gap:var(--spacing-2xs);margin:0 0 var(--spacing-md);display:grid}.demoSubsectionIntro>*{margin:0}.recronTableWrap{width:100%;overflow-x:auto}@media (width<640px){.layoutPreviewShell{height:min(56dvh,380px);min-height:320px}.layoutPreviewShellCompact{height:min(22dvh,150px);min-height:125px}}._spinner_1ms1v_1{background:conic-gradient(from 0deg, transparent 0%, var(--spinner-color,var(--color-primary)) 80%, transparent 100%);border-radius:var(--radius-full);flex-shrink:0;animation:.9s linear infinite _gradientSpin_1ms1v_1;position:relative}._spinner_1ms1v_1:after{content:"";border-radius:inherit;background:inherit;filter:blur(4px);opacity:.3;position:absolute;inset:0}._sm_1ms1v_24{width:20px;height:20px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2.5px))}._md_1ms1v_30{width:32px;height:32px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}._lg_1ms1v_36{width:40px;height:40px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 3.5px))}@keyframes _gradientSpin_1ms1v_1{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._spinner_1ms1v_1{animation:none}._spinner_1ms1v_1:after{filter:none}}._base_5fujd_1{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-weight:var(--typography-button-md-font-weight);line-height:var(--typography-button-md-line-height);letter-spacing:var(--typography-button-md-letter-spacing);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast) var(--ease-out-expo), color var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast) var(--ease-out-expo), transform var(--duration-fast) var(--ease-out-expo);border:1px solid #0000;text-decoration:none;display:inline-flex;position:relative}._base_5fujd_1:focus-visible{box-shadow:var(--shadow-focus);outline:none}._base_5fujd_1:active:not(:disabled){transition-duration:80ms;transform:scale(.97)}._base_5fujd_1:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}._sizeSm_5fujd_39{min-height:34px;padding:calc(var(--spacing-xs) + 1px) calc(var(--spacing-sm) + 2px);font-size:var(--typography-button-sm-font-size);line-height:var(--typography-button-sm-line-height);font-weight:var(--typography-button-sm-font-weight);letter-spacing:var(--typography-button-sm-letter-spacing)}._sizeMd_5fujd_48{min-height:44px;padding:calc(var(--spacing-sm) + 1px) calc(var(--spacing-md) + 2px);font-size:var(--typography-button-md-font-size);line-height:var(--typography-button-md-line-height);font-weight:var(--typography-button-md-font-weight);letter-spacing:var(--typography-button-md-letter-spacing)}._sizeLg_5fujd_57{min-height:52px;padding:calc(var(--spacing-sm) + 3px) calc(var(--spacing-md) + 4px);font-size:var(--typography-button-lg-font-size);line-height:var(--typography-button-lg-line-height);font-weight:var(--typography-button-lg-font-weight);letter-spacing:var(--typography-button-lg-letter-spacing)}._iconOnly_5fujd_66{line-height:var(--typography-line-height-none);gap:0;padding:0}._round_5fujd_72{border-radius:var(--radius-full)}._iconSizeSm_5fujd_76{width:34px;min-width:34px;height:34px}._iconSizeMd_5fujd_82{width:44px;min-width:44px;height:44px}._iconSizeLg_5fujd_88{width:52px;min-width:52px;height:52px}._variantPrimary_5fujd_94{border-color:var(--color-primary);background:var(--gradient-brand);color:var(--color-on-accent)}._variantPrimary_5fujd_94:hover:not(:disabled){border-color:var(--color-primary-hover);background:var(--gradient-brand);box-shadow:var(--shadow-glow-sm);filter:brightness(1.08)}._variantPrimary_5fujd_94:focus-visible{box-shadow:var(--shadow-focus-primary)}._variantNavbar_5fujd_111{border-color:color-mix(in srgb, var(--color-gray-0) 42%, transparent);background-color:color-mix(in srgb, var(--color-gray-0) 8%, transparent);color:var(--color-gray-0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._variantNavbar_5fujd_111:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-gray-0) 58%, transparent);background-color:color-mix(in srgb, var(--color-gray-0) 14%, transparent);box-shadow:var(--shadow-glow-sm)}._variantDanger_5fujd_124{border-color:var(--color-error);background:linear-gradient(135deg, var(--color-error) 0%, color-mix(in srgb, var(--color-error) 85%, #ff6b6b) 100%);color:var(--color-on-accent)}._variantDanger_5fujd_124:hover:not(:disabled){border-color:var(--color-error-hover);background:linear-gradient(135deg, var(--color-error-hover) 0%, color-mix(in srgb, var(--color-error) 80%, #ff6b6b) 100%);filter:brightness(1.06);box-shadow:0 0 12px #d32f2f33}._variantGhost_5fujd_141{border-color:var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-secondary)}._variantGhost_5fujd_141:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}._variantOutline_5fujd_154{border-color:var(--color-border);color:var(--color-text);background:0 0}._variantOutline_5fujd_154:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface);box-shadow:var(--shadow-sm)}._variantDashed_5fujd_166{border-style:dashed;border-color:var(--color-border-strong);color:var(--color-text-muted);background:0 0}._variantDashed_5fujd_166:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}._variantSubtle_5fujd_179{color:var(--color-text-muted);background:0 0;border-color:#0000}._variantSubtle_5fujd_179:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}._loading_5fujd_190{pointer-events:none}._loading_5fujd_190:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000 0%,#ffffff1f 50%,#0000 100%) 0 0/200% 100%;animation:1.5s infinite _shimmer_5fujd_1;position:absolute;inset:0}._spinner_5fujd_204{color:inherit;--spinner-color:currentcolor;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}._content_5fujd_217{z-index:1;justify-content:center;align-items:center;width:100%;display:inline-flex;position:relative}._contentHidden_5fujd_226{visibility:hidden}._icon_hv8v8_1{--vu-icon-size:var(--typography-size-icon-md);font-size:var(--vu-icon-size);line-height:var(--typography-line-height-zero);color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._glyph_hv8v8_13{flex-shrink:0;width:1em;height:1em;display:block}._sizeSm_hv8v8_20{--vu-icon-size:var(--typography-size-icon-sm)}._sizeMd_hv8v8_24{--vu-icon-size:var(--typography-size-icon-md)}._sizeLg_hv8v8_28{--vu-icon-size:var(--typography-size-icon-lg)}._variantInherit_hv8v8_32{color:inherit}._variantMuted_hv8v8_36{color:var(--color-text-muted)}._variantPrimary_hv8v8_40{color:var(--color-primary)}._variantInfo_hv8v8_44{color:var(--color-info)}._variantSuccess_hv8v8_48{color:var(--color-success)}._variantWarning_hv8v8_52{color:var(--color-warning)}._variantError_hv8v8_56{color:var(--color-error)}._variantInverse_hv8v8_60{color:var(--color-text-inverse)}._iconButton_lzlt1_1>span{justify-content:center}._iconButton_lzlt1_1 svg,._iconButton_lzlt1_1>svg{display:block}._iconButton_lzlt1_1._navbarVariant_lzlt1_13{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background-color:#0000;border-color:#0000}._iconButton_lzlt1_1._navbarVariant_lzlt1_13:hover:not(:disabled),._iconButton_lzlt1_1._navbarVariant_lzlt1_13:active:not(:disabled){box-shadow:none;background-color:#0000;border-color:#0000}._content_1iest_1{align-items:center;gap:var(--spacing-xs);width:100%;min-width:0;display:inline-flex}._prefix_1iest_9{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._body_1iest_16{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._suffix_1iest_23{flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}._root_y477c_1{width:65px}._container_qrg7f_1{background:var(--color-surface);border-radius:var(--radius-md);align-items:center;gap:2px;padding:2px;display:inline-flex;position:relative}._indicator_qrg7f_11{top:2px;bottom:2px;left:var(--indicator-offset,0);width:var(--indicator-width,0);background:var(--color-bg);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:left var(--duration-normal) var(--ease-spring), width var(--duration-normal) var(--ease-spring);z-index:0;position:absolute}._option_qrg7f_26{min-height:32px;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--typography-scale-sm);color:var(--color-text-muted);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out-expo);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex;position:relative;transform:none}._option_qrg7f_26:hover:not(._active_qrg7f_47,:disabled){opacity:.8}._option_qrg7f_26:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring)}._active_qrg7f_47{color:var(--color-text);font-weight:var(--typography-weight-medium)}._sm_qrg7f_60 ._option_qrg7f_26{padding:var(--spacing-2xs) var(--spacing-sm);font-size:var(--typography-scale-xs)}._disabled_qrg7f_65{opacity:var(--opacity-disabled);cursor:not-allowed}._disabled_qrg7f_65 ._option_qrg7f_26{cursor:not-allowed}._group_1cvq3_1._group_1cvq3_1{background:0 0;align-items:center;gap:0;display:flex;overflow:visible}._segmented_1cvq3_9._segmented_1cvq3_9{box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;padding:0}._toggle_1cvq3_18._toggle_1cvq3_18{min-width:var(--spacing-xl);width:var(--spacing-xl);height:var(--spacing-xl);min-height:var(--spacing-xl);line-height:var(--typography-line-height-none);border:2px solid var(--color-gray-0);border-radius:var(--radius-full);color:var(--color-gray-0);opacity:.7;cursor:pointer;transition:opacity var(--duration-normal) var(--ease-out-expo), background-color var(--duration-normal) var(--ease-out-expo), transform var(--duration-normal) var(--ease-out-expo);background:0 0;padding:0}._toggle_1cvq3_18._toggle_1cvq3_18+._toggle_1cvq3_18._toggle_1cvq3_18{margin-left:-2px}._toggle_1cvq3_18._toggle_1cvq3_18:hover:not(._selected_1cvq3_41){opacity:.85;transform:scale(1.1)}._toggle_1cvq3_18._toggle_1cvq3_18:active:not(._selected_1cvq3_41){opacity:1;transform:scale(1.06)}._toggle_1cvq3_18._toggle_1cvq3_18:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._toggle_1cvq3_18._toggle_1cvq3_18._selected_1cvq3_41{color:var(--color-primary);background-color:var(--color-gray-0);box-shadow:none;font-weight:var(--typography-weight-regular);opacity:1;pointer-events:none;transform:scale(1.25)rotate(360deg)}._toggle_1cvq3_18._toggle_1cvq3_18._selected_1cvq3_41:hover{transform:scale(1.3)rotate(360deg)}._light_1cvq3_70 ._toggle_1cvq3_18._toggle_1cvq3_18{border-color:var(--theme-toggle-light-border);color:var(--theme-toggle-light-border)}._light_1cvq3_70 ._toggle_1cvq3_18._toggle_1cvq3_18._selected_1cvq3_41{color:var(--theme-toggle-light-selected-fg);border-color:var(--theme-toggle-light-selected-border);background-color:var(--theme-toggle-light-selected-bg)}._navbar_1cvq3_81 ._toggle_1cvq3_18._toggle_1cvq3_18{border-color:color-mix(in srgb, var(--header-text) 55%, transparent);color:var(--header-text)}._navbar_1cvq3_81 ._toggle_1cvq3_18._toggle_1cvq3_18._selected_1cvq3_41{color:var(--header-bg);border-color:color-mix(in srgb, var(--header-text) 45%, transparent);background-color:var(--header-text)}._icon_1cvq3_92{width:var(--font-size-lg);height:var(--font-size-lg);pointer-events:none}._wrapper_1uhmy_1{display:inline-flex;position:relative}._inlineWrapper_1uhmy_6{position:static}._badge_1uhmy_10{min-width:18px;height:18px;padding:0 var(--spacing-xs);border-radius:var(--radius-pill);font-size:var(--typography-scale-xs);font-weight:var(--typography-weight-semibold);line-height:var(--typography-line-height-none);color:var(--color-on-accent);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;animation:_scaleIn_1uhmy_1 .2s var(--ease-out-back);justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;overflow:hidden;transform:translate(50%,-50%)}._inlineBadge_1uhmy_33{min-width:22px;height:22px;padding:0 var(--spacing-xs);position:static;transform:none}._dot_1uhmy_41{width:8px;min-width:auto;height:8px;animation:_pulse_1uhmy_1 1.5s var(--ease-out-expo) infinite;padding:0}._primary_1uhmy_49{background-color:var(--color-primary)}._primarySoft_1uhmy_53{background-color:var(--color-primary-light);color:var(--color-primary)}._info_1uhmy_58{background-color:var(--color-info)}._success_1uhmy_62{background-color:var(--color-success)}._warning_1uhmy_66{background-color:var(--color-warning)}._error_1uhmy_70{background-color:var(--color-error)}@keyframes _pulse_1uhmy_1{0%,to{opacity:1;transform:translate(50%,-50%)scale(1)}50%{opacity:.7;transform:translate(50%,-50%)scale(1.3)}}._skeleton_4l3gz_1{background-color:var(--color-skeleton);border-radius:var(--radius-sm);width:var(--skeleton-width,auto);height:var(--skeleton-height,auto);display:block}._text_4l3gz_9{transform-origin:0 55%;border-radius:var(--radius-sm);height:auto;margin-top:0;margin-bottom:0;transform:scaleY(.6)}._text_4l3gz_9:empty:before{content:" "}._circular_4l3gz_22{border-radius:50%}._rectangular_4l3gz_26{border-radius:var(--radius-sm)}._pulse_4l3gz_30{animation:1.5s ease-in-out .5s infinite _pulse_4l3gz_30}._wave_4l3gz_34{background-color:var(--color-skeleton);position:relative;overflow:hidden}._wave_4l3gz_34:after{background-image:linear-gradient(90deg, transparent 0%, transparent 20%, var(--color-glass) 40%, var(--color-glass) 60%, transparent 80%, transparent 100%);content:"";animation:1.8s ease-in-out infinite _wave_4l3gz_34;position:absolute;inset:0;transform:translate(-100%)}@keyframes _pulse_4l3gz_30{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes _wave_4l3gz_34{to{transform:translate(100%)}}._toastContainer_5a7w2_1{bottom:var(--spacing-xl);right:var(--spacing-xl);gap:var(--spacing-md);z-index:var(--z-toast);flex-direction:column;display:flex;position:fixed}._toast_5a7w2_1{min-width:250px;max-width:400px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);animation:_slideInRight_5a7w2_1 var(--duration-slow) var(--ease-out-back);background-color:var(--color-glass);-webkit-backdrop-filter:var(--blur-overlay);backdrop-filter:var(--blur-overlay);color:var(--color-text);border-left:4px solid #0000;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}._success_5a7w2_29{border-left-color:var(--color-success)}._error_5a7w2_33{border-left-color:var(--color-error)}._info_5a7w2_37{border-left-color:var(--color-info)}._warning_5a7w2_41{border-left-color:var(--color-warning)}._progressBar_5a7w2_45{background:var(--color-primary);border-radius:0 0 var(--radius-md) var(--radius-md);height:3px;animation:_toastProgress_5a7w2_1 var(--toast-duration,3s) linear forwards;position:absolute;bottom:0;left:0}._toast_5a7w2_1:nth-child(n+2){opacity:.92;transform:scale(.97)}._toast_5a7w2_1:nth-child(n+3){opacity:.84;transform:scale(.94)}@keyframes _toastProgress_5a7w2_1{0%{width:100%}to{width:0}}._itemButton_ruzaw_1{width:100%;padding-left:calc(var(--spacing-sm) + (var(--sidebar-item-depth,0) * var(--spacing-sm)));justify-content:flex-start;align-items:center}._itemIconButton_ruzaw_8:hover,._itemButton_ruzaw_1:hover{transform:translateX(var(--spacing-2xs))}._label_ruzaw_16{color:inherit}._badgeCount_ruzaw_20{margin-right:var(--spacing-2xs);margin-left:var(--spacing-xs)}._badgeAnchor_ruzaw_25{width:1px;height:1px}._root_dfh7t_1{width:var(--layout-sidebar-width);border-right:1px solid var(--color-border);background:var(--color-surface);padding:var(--spacing-xl) var(--spacing-md);flex-shrink:0;height:100%;overflow-y:auto}._brand_dfh7t_11{gap:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);background:var(--color-bg-elevated);margin-bottom:var(--spacing-lg);display:grid}._brandActions_dfh7t_21{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}._group_dfh7t_28{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);display:grid}._groupList_dfh7t_34{gap:var(--spacing-2xs);margin:0;padding:0;list-style:none;display:grid}._groupListItem_dfh7t_42{min-width:0}._item_dfh7t_46{border-radius:var(--radius-md);width:100%;transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:1px solid #0000;justify-content:flex-start;display:flex}._item_dfh7t_46:hover{border-color:color-mix(in srgb, var(--color-border) 86%, transparent);background:color-mix(in srgb, var(--color-bg-elevated) 88%, var(--color-surface))}._itemActive_dfh7t_64,._itemActive_dfh7t_64:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)!important;box-shadow:none!important}