@font-face{font-family:'HeyMeow Rnd';src:url('./HeyMeow Rnd/VAR/[VAR] HeyMeow Rnd/HeyMeow Rnd VF.woff2') format('woff2-variations'),url('./HeyMeow Rnd/VAR/[VAR] HeyMeow Rnd/HeyMeow Rnd VF.woff') format('woff-variations');font-weight:100 900;font-style:normal;font-display:swap;}@font-face{font-family:'BarkAda';src:url('./BarkAda/VAR/BarkAda VF.woff2') format('woff2-variations'),url('./BarkAda/VAR/BarkAda VF.woff') format('woff-variations');font-weight:100 900;font-style:normal;font-display:swap;}:root{--bg:#F8F9FB;--sidebar-bg:#FFFFFF;--surface:#FFFFFF;--border:#E8E9ED;--border-2:#D0D3D9;--text:#111111;--text-2:#3A3E47;--muted:#646A78;--accent:#1A56DB;--accent-light:#EEF2FF;--navy:#0F2B5B;--ready-fg:#166534;--ready-bg:#DCFCE7;--refine-fg:#92400E;--refine-bg:#FEF3C7;--rework-fg:#991B1B;--rework-bg:#FEE2E2;--na-fg:#525766;--na-bg:#F3F4F7;--fix-fg:#92400E;--fix-bg:#FEF3C7;--font-heading:'HeyMeow Rnd',system-ui,sans-serif;--font-body:'BarkAda',system-ui,sans-serif;--font-mono:ui-monospace,'SF Mono','Fira Code','Monaco',monospace;--text-xs:12px;--text-md:14px;--text-sm:16px;--text-base:18px;--text-lg:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--sidebar-w:240px;--content-max:860px;--radius:12px;--radius-lg:16px;--code-bg:#E4E6ED;--code-fg:#1A1D24;--card-bg:#FFFFFF;--thead-bg:#F5F6F9;--thead-fg:#adb2c2;--row-border:#EDEEF2;--sidebar-border:#E2E4E9;--verdict-bg:#FEFCE8;--verdict-border:#FDE68A;--verdict-title:#854D0E;--resolved-bg:#F0FDF4;--resolved-border:#BBF7D0;--resolved-code-bg:#DCFCE7;--resolved-code-fg:#166534;--issue-bg:#FEFCE8;--issue-border:#FDE68A;--issue-code-bg:#FEF3C7;--issue-code-fg:#92400E;--tab-bg:#F3F3F6;--tab-border:#E2E4E9;--tab-pill:#1B1B1D;--tab-fg:#646A78;--tab-fg-hover:#3A3E47;--tab-fg-active:#FFFFFF;}[data-theme="dark"]{--bg:#141414;--sidebar-bg:#1C1C1C;--surface:#1C1C1C;--border:#2E2E2E;--border-2:#3D3D3D;--text:#F0F0F0;--text-2:#A3A3A3;--muted:#737373;--accent:#6B9AEF;--accent-light:rgba(107,154,239,0.1);--navy:#6B9AEF;--ready-fg:#4ADE80;--ready-bg:rgba(74,222,128,0.1);--refine-fg:#FBBF24;--refine-bg:rgba(251,191,36,0.1);--rework-fg:#F87171;--rework-bg:rgba(248,113,113,0.1);--na-fg:#737373;--na-bg:rgba(115,115,115,0.1);--fix-fg:#FBBF24;--fix-bg:rgba(251,191,36,0.1);--code-bg:#262626;--code-fg:#D4D4D4;--card-bg:#1C1C1C;--thead-bg:#1C1C1C;--thead-fg:#A3A3A3;--row-border:#262626;--sidebar-border:#2E2E2E;--verdict-bg:rgba(251,191,36,0.06);--verdict-border:rgba(251,191,36,0.15);--verdict-title:#FBBF24;--resolved-bg:rgba(74,222,128,0.06);--resolved-border:rgba(74,222,128,0.15);--resolved-code-bg:rgba(74,222,128,0.1);--resolved-code-fg:#4ADE80;--issue-bg:rgba(251,191,36,0.06);--issue-border:rgba(251,191,36,0.15);--issue-code-bg:rgba(251,191,36,0.1);--issue-code-fg:#FBBF24;--tab-bg:#262626;--tab-border:#2E2E2E;--tab-pill:#FFFFFF;--tab-fg:#737373;--tab-fg-hover:#A3A3A3;--tab-fg-active:#1B1B1D;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{font-size:var(--text-sm);}code{font-family:var(--font-mono);font-size:12px;font-weight:600;background:var(--code-bg);color:var(--code-fg);padding:1px 5px;border-radius:3px;}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;}.topbar{display:none;position:fixed;top:0;left:0;right:0;height:48px;background:var(--sidebar-bg);border-bottom:1px solid var(--border);padding:0 var(--space-4);align-items:center;gap:var(--space-3);z-index:150;}.topbar-hamburger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;color:var(--text);border-radius:var(--radius);transition:background 0.1s ease;}.topbar-hamburger:hover{background:var(--bg);}.topbar-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--text);letter-spacing:-0.02em;}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-3);}.topbar-version{font-family:var(--font-mono);font-size:12px;color:var(--muted);background:var(--bg);padding:2px 6px;border-radius:var(--radius);}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.3);z-index:99;opacity:0;transition:opacity 0.2s ease;}.sidebar-overlay.open{display:block;opacity:1;}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;z-index:100;}.sidebar::-webkit-scrollbar{width:0;}a.sidebar-brand{display:block;padding:20px 16px 16px;border-bottom:1px solid var(--border);flex-shrink:0;text-decoration:none;color:inherit;}.sidebar-brand-row{display:flex;align-items:center;gap:var(--space-3);}.sidebar-logo{width:32px;height:32px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.sidebar-brand-text{display:flex;flex-direction:column;gap:0;}.sidebar-brand-title-row{display:flex;align-items:baseline;gap:var(--space-2);}.sidebar-wordmark{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--text);letter-spacing:-0.02em;line-height:1.2;}.sidebar-version{font-family:var(--font-mono);font-size:10px;color:var(--muted);background:var(--bg);padding:2px 6px;border-radius:6px;letter-spacing:0;}.sidebar-brand-sub{font-size:12px;color:var(--muted);line-height:1.3;opacity:0.7;}.sidebar-nav{flex:1 1 0;min-height:0;padding:var(--space-3) var(--space-2);padding-bottom:var(--space-8);overflow-y:auto;overscroll-behavior:contain;}.sidebar-section-label{font-size:12px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--muted);opacity:0.6;padding:var(--space-4) var(--space-3) var(--space-2);}.nav-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px var(--space-3);margin-top:2px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;color:var(--muted);background:none;border:none;cursor:pointer;text-align:left;border-radius:6px;transition:background 0.08s ease,color 0.08s ease;}.nav-section-toggle:hover{background:rgba(100,106,120,0.06);color:var(--text);}.nav-section-toggle.active{background:var(--accent-light);color:var(--accent);font-weight:500;}[data-theme="dark"] .nav-section-toggle:hover{background:rgba(255,255,255,0.04);}.nav-section-chevron{flex-shrink:0;opacity:0.4;transition:transform 0.15s ease,opacity 0.15s ease;}.nav-section-toggle:hover .nav-section-chevron{opacity:0.7;}.nav-section-toggle.open .nav-section-chevron{transform:rotate(0deg);}.nav-section-toggle:not(.open) .nav-section-chevron{transform:rotate(-90deg);}.nav-section-list{overflow:hidden;max-height:0;transition:max-height 0.2s ease;}.nav-section-list.open{max-height:none;}.nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);font-size:var(--text-sm);font-family:var(--font-body);font-weight:400;color:var(--muted);text-decoration:none;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;border-radius:6px;transition:background 0.08s ease,color 0.08s ease;line-height:1.4;margin-bottom:1px;}.nav-item:hover{background:rgba(100,106,120,0.06);color:var(--text);}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:500;}[data-theme="dark"] .nav-item:hover{background:rgba(255,255,255,0.04);}[data-theme="dark"] .nav-item.active{background:rgba(107,154,239,0.08);color:var(--accent);}.nav-dot{display:none;}.nav-comp{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-6);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;border-radius:999px;transition:background 0.1s ease,color 0.1s ease;margin-bottom:1px;}.nav-comp:hover{background:rgba(15,23,42,0.05);}.nav-comp.active{background:var(--accent-light);}.nav-comp.active:hover{background:var(--accent-light);}[data-theme="dark"] .nav-comp:hover{background:rgba(255,255,255,0.05);}[data-theme="dark"] .nav-comp.active{background:rgba(107,154,239,0.14);}[data-theme="dark"] .nav-comp.active:hover{background:rgba(107,154,239,0.14);}.nav-comp-icon{display:none;}.nav-comp-body{flex:1;min-width:0;}.nav-comp-name{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;color:var(--muted);line-height:1.3;transition:color 0.08s ease;}.nav-comp:hover .nav-comp-name{color:var(--text);}.nav-comp.active .nav-comp-name{color:var(--accent);font-weight:500;}.nav-comp-status{width:6px;height:6px;border-radius:50%;flex-shrink:0;opacity:0.8;margin-left:auto;margin-right:1px;}.nav-comp-status.ready{background:#16A34A;}.nav-comp-status.fix{background:#D97706;}.nav-comp-status.refine{background:#D97706;}.nav-comp-status.rework{background:#DC2626;}.nav-comp-status.na{background:var(--border-2);}.nav-group{margin-top:2px;}.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-6);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;border-radius:999px;transition:background 0.1s ease,color 0.1s ease;}.nav-group-toggle:hover{background:rgba(15,23,42,0.05);}[data-theme="dark"] .nav-group-toggle:hover{background:rgba(255,255,255,0.05);}.nav-group-toggle.has-active-child{background:rgba(15,23,42,0.05);}[data-theme="dark"] .nav-group-toggle.has-active-child{background:rgba(255,255,255,0.05);}.nav-group-toggle .nav-comp-name{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;color:var(--muted);line-height:1.3;}.nav-group-toggle .nav-group-chevron{flex-shrink:0;opacity:0.4;transition:transform 0.15s ease,opacity 0.15s ease;}.nav-group-toggle:hover .nav-group-chevron{opacity:0.7;}.nav-group-toggle.open .nav-group-chevron{transform:rotate(0deg);}.nav-group-toggle:not(.open) .nav-group-chevron{transform:rotate(-90deg);}.nav-group-list{overflow:hidden;max-height:500px;transition:max-height 0.2s ease;}.nav-group-list:not(.open){max-height:0;}.nav-group-list .nav-comp{padding-left:calc(var(--space-6) + 14px);}.nav-group-label{display:none;}.sidebar-footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);flex-shrink:0;}.sidebar-footer-text{font-size:var(--text-xs);color:var(--muted);opacity:0.6;}.theme-toggle-sm{width:36px;height:22px;}.theme-toggle-sm .theme-toggle-track{border-radius:11px;}.theme-toggle-sm .theme-toggle-knob{width:16px;height:16px;top:3px;left:3px;}.theme-toggle-sm input:checked~.theme-toggle-knob{transform:translateX(14px);}.main{margin-left:var(--sidebar-w);min-height:100vh;background:var(--surface);}@media (min-width:768px){html,body{height:100%;margin:0;overflow:hidden;}body{min-height:0;}.main{height:100vh;overflow-y:auto;min-height:0;}}.panel{display:none;}.panel.active{display:block;animation:panelFadeIn 0.2s ease;}@keyframes panelFadeIn{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}.content-wrap{max-width:var(--content-max);margin:0 auto;padding:var(--space-10) var(--space-12) 80px;}.back-btn{display:inline-flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-8);font-size:var(--text-sm);font-weight:500;color:var(--muted);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-body);transition:color 0.15s ease;}.back-btn:hover{color:var(--text);}.back-btn svg{flex-shrink:0;transition:transform 0.15s ease;}.back-btn:hover svg{transform:translateX(-3px);}.page-header{margin-bottom:var(--space-8);}.page-header-top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);}.page-header-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--text);letter-spacing:-0.02em;line-height:1.2;}.page-header-count{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--muted);background:var(--bg);padding:1px 8px;border-radius:999px;border:1px solid var(--border);}.page-header-desc{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-3);line-height:1.5;}.page-header-meta{display:flex;align-items:center;gap:var(--space-4);}.page-header-stat{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--muted);}.page-header-stat-dot{width:6px;height:6px;border-radius:50%;}.stat-amber{background:#D97706;}.stat-green{background:#16A34A;}.comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-12);}.cover{display:none;}.cover-eyebrow,.cover-title,.cover-subtitle,.cover-tags{display:none;}.cover-meta-item{font-size:var(--text-xs);color:var(--muted);}.cover-meta-item strong{color:var(--text-2);font-weight:600;}.page-section{margin-bottom:var(--space-12);}.section-heading{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--text);letter-spacing:-0.01em;margin-bottom:var(--space-2);}.section-desc{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-4);line-height:1.65;}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-4);}.how-card{background:#F1F1F4;border:none;border-radius:var(--radius-lg);padding:var(--space-6);}[data-theme="dark"] .how-card{background:#262626;}.how-step{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;letter-spacing:0.04em;text-transform:capitalize;color:var(--accent);margin-bottom:var(--space-2);}.how-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--text);margin-bottom:var(--space-1);}.how-desc{font-size:var(--text-sm);color:var(--muted);line-height:1.6;}.how-desc code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--code-bg);padding:1px 4px;border-radius:3px;color:var(--code-fg);}.table-wrap{overflow:hidden;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);}table{width:100%;border-collapse:collapse;font-size:var(--text-sm);}thead th{background:var(--thead-bg);padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--thead-fg);letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;}thead th:first-child{border-radius:var(--radius-lg) 0 0 0;}thead th:last-child{border-radius:0 var(--radius-lg) 0 0;}tbody td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--row-border);vertical-align:top;font-size:14px;color:var(--text-2);}tbody tr:first-child td{border-top:none;}tbody tr:last-child td:first-child{border-radius:0 0 0 var(--radius-lg);}tbody tr:last-child td:last-child{border-radius:0 0 var(--radius-lg) 0;}td.mono,th.mono{font-family:var(--font-mono);font-size:var(--text-xs);}td.center{text-align:center;}td.muted{color:var(--muted);font-size:14px;}td code,td .mono-inline{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--code-bg);padding:1px 5px;border-radius:3px;color:var(--code-fg);}.col-id{width:48px;}.col-sm{width:80px;}.col-md{width:160px;}.col-badge{width:120px;}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:999px;font-size:14px;font-weight:600;letter-spacing:normal;white-space:nowrap;}.badge-ready{background:var(--ready-bg);color:var(--ready-fg);}.badge-refine{background:var(--refine-bg);color:var(--refine-fg);}.badge-rework{background:var(--rework-bg);color:var(--rework-fg);}.badge-na{background:var(--na-bg);color:var(--na-fg);}.badge-fix{background:var(--fix-bg);color:var(--fix-fg);}.badge-empty{background:var(--na-bg);color:var(--na-fg);}.check{color:var(--ready-fg);font-weight:700;}.cross{color:var(--rework-fg);font-weight:700;}.dash{color:var(--muted);}.summary-grid{display:none;}.summary-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;cursor:pointer;transition:border-color 0.1s ease,transform 0.1s ease;}.summary-card:hover{border-color:#C0C0C0;transform:translateY(-1px);}[data-theme="dark"] .summary-card:hover{border-color:#525252;}.summary-card-preview{display:flex;align-items:center;justify-content:center;height:96px;background:var(--thead-bg);border-bottom:1px solid var(--border);color:var(--text);}.summary-card-body{padding:var(--space-6);}.summary-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);}.summary-card-name{font-family:var(--font-heading);font-size:20px;font-weight:500;color:var(--text);}.summary-card-desc{font-size:14px;color:var(--muted);line-height:1.5;}.summary-card-row{display:none;}.summary-card-badges{display:none;}.summary-card-finding{display:none;}.comp-header{padding:var(--space-2) 0 var(--space-8);border-bottom:1px solid var(--border);margin-bottom:var(--space-10);}.comp-header-icon{display:none;}.comp-header-body{flex:1;}.verdict-inline{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;margin-top:20px;border:none;}.verdict-inline-icon{display:none;}.verdict-inline-body{flex:1;min-width:0;}.verdict-inline-title{font-family:var(--font-body);font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-0.01em;}.verdict-inline-text{font-size:14px;line-height:1.5;margin-top:2px;}.verdict-inline-text code{font-family:var(--font-mono);font-size:12.5px;color:inherit;background:none;padding:0;border:none;border-radius:0;}.verdict-fix{background:#FBF4EC;color:#6E4B25;}.verdict-fix .verdict-inline-icon{color:#C67E38;}.verdict-fix .verdict-inline-text{color:#8C6A42;}.verdict-refine{background:#F0F4FA;color:#3B4F6E;}.verdict-refine .verdict-inline-icon{color:#5B8AD0;}.verdict-refine .verdict-inline-text{color:#5A6B82;}.verdict-rework{background:#FBF0EF;color:#6E3331;}.verdict-rework .verdict-inline-icon{color:#C45650;}.verdict-rework .verdict-inline-text{color:#8A5250;}.verdict-ready{background:#EFF7F1;color:#2D5A3A;}.verdict-ready .verdict-inline-icon{color:#4A9E63;}.verdict-ready .verdict-inline-text{color:#4A7256;}[data-theme="dark"] .verdict-fix{background:#2A2118;color:#D4B88A;}[data-theme="dark"] .verdict-fix .verdict-inline-icon{color:#D4A05A;}[data-theme="dark"] .verdict-fix .verdict-inline-text{color:#B8A080;}[data-theme="dark"] .verdict-refine{background:#1A2030;color:#A0B4D0;}[data-theme="dark"] .verdict-refine .verdict-inline-icon{color:#7BA3D6;}[data-theme="dark"] .verdict-refine .verdict-inline-text{color:#8899AE;}[data-theme="dark"] .verdict-rework{background:#2A1A1A;color:#D4A0A0;}[data-theme="dark"] .verdict-rework .verdict-inline-icon{color:#D07070;}[data-theme="dark"] .verdict-rework .verdict-inline-text{color:#B89090;}[data-theme="dark"] .verdict-ready{background:#1A2A1E;color:#A0D4A8;}[data-theme="dark"] .verdict-ready .verdict-inline-icon{color:#70C080;}[data-theme="dark"] .verdict-ready .verdict-inline-text{color:#88B890;}.comp-name{font-family:var(--font-heading);font-size:48px;font-weight:600;color:var(--text);letter-spacing:-0.02em;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);}.comp-name .comp-figma-link{margin-left:auto;}.comp-figma-link{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--accent);text-decoration:none;letter-spacing:0;white-space:nowrap;}.comp-figma-link:hover{opacity:0.8;}.comp-figma-link svg{width:20px;height:20px;flex-shrink:0;}.comp-name-tag{font-size:var(--text-xs);font-weight:600;color:var(--ready-fg);background:var(--ready-bg);padding:2px var(--space-2);border-radius:999px;}.comp-meta{display:flex;flex-wrap:wrap;gap:var(--space-6);}.sub-heading{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:32px;font-weight:600;color:var(--text);margin-bottom:var(--space-3);margin-top:var(--space-12);letter-spacing:-0.01em;}.changelog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-2);}.changelog-header{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--muted);background:var(--thead-bg);border-bottom:1px solid var(--border);letter-spacing:0.02em;}.changelog-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--row-border);}.changelog-row:last-child{border-bottom:none;}.changelog-body{flex:1;font-size:14px;color:var(--text-2);line-height:1.65;}.changelog-body strong{color:var(--text);}.changelog-body code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--code-bg);padding:1px 4px;border-radius:3px;color:var(--code-fg);}.changelog-delta{flex-shrink:0;font-size:14px;font-weight:600;padding:2px var(--space-2);border-radius:999px;white-space:nowrap;align-self:flex-start;margin-top:2px;}.delta-resolved{background:var(--ready-bg);color:var(--ready-fg);}.delta-partial{background:#FEF9EC;color:#92712A;}.delta-open{background:var(--refine-bg);color:var(--refine-fg);}.tag-fixed{display:inline-flex;align-items:center;font-size:14px;font-weight:600;padding:2px var(--space-2);border-radius:999px;background:var(--ready-bg);color:var(--ready-fg);margin-left:var(--space-1);}.tag-open{display:inline-flex;align-items:center;font-size:14px;font-weight:600;padding:2px var(--space-2);border-radius:999px;background:var(--refine-bg);color:var(--refine-fg);margin-left:var(--space-1);}.phase-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-12) 0 var(--space-8);}.phase-divider-line{flex:1;height:1px;background:var(--border);}.phase-label{font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:999px;white-space:nowrap;}.phase-1{background:var(--accent-light);color:var(--accent);border:1px solid #C8DCF8;}.phase-2{background:#DCFCE7;color:#166534;border:1px solid #BBF7D0;}.verdict-card{background:var(--verdict-bg);border:1px solid var(--verdict-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow:hidden;}.verdict-card-trigger{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;}.verdict-card-trigger-body{display:flex;flex-direction:column;flex:1;}.verdict-card-eyebrow{font-size:14px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#BE9F74;margin-bottom:6px;}.verdict-card-trigger:hover{background:rgba(0,0,0,0.03);}[data-theme="dark"] .verdict-card-trigger:hover{background:rgba(255,255,255,0.04);}.verdict-card-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--verdict-title);line-height:1.4;flex:1;}.verdict-chevron{flex-shrink:0;color:var(--muted);transition:transform 0.2s ease;}.verdict-card-trigger[aria-expanded="true"] .verdict-chevron{transform:rotate(180deg);}.verdict-card-body{font-size:var(--text-sm);color:var(--muted);line-height:1.65;padding:var(--space-4) var(--space-4);border-top:1px solid var(--verdict-border);}.verdict-card-body[hidden]{display:none;}.trait-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-1);}.trait-card{background:#F3F3F6;border:none;border-radius:var(--radius-lg);padding:var(--space-6);}[data-theme="dark"] .trait-card{background:#262626;}.trait-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);}.trait-status{font-size:14px;font-weight:600;letter-spacing:0.04em;text-transform:capitalize;padding:2px var(--space-2);border-radius:999px;}.trait-card.pass .trait-status{color:var(--ready-fg);background:var(--ready-bg);}.trait-card.partial .trait-status{color:var(--accent);background:var(--accent-light);}.trait-card.warn .trait-status{color:var(--refine-fg);background:var(--refine-bg);}.trait-card.fail .trait-status{color:var(--rework-fg);background:var(--rework-bg);}.trait-name{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--text);}.trait-note{font-size:var(--text-sm);color:var(--muted);line-height:1.6;}.trait-note code{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;background:var(--code-bg);padding:1px 4px;border-radius:3px;color:var(--code-fg);}.issue-block{margin-bottom:var(--space-3);}.issue-title{font-size:var(--text-sm);font-weight:600;color:var(--text);margin-bottom:var(--space-2);}.infobox{border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-xs);line-height:1.65;}.infobox p{margin-bottom:var(--space-2);}.infobox p:last-child{margin-bottom:0;}.infobox code{font-family:var(--font-mono);font-size:var(--text-xs);padding:1px 4px;border-radius:3px;}.infobox-resolved{background:var(--resolved-bg);border:1px solid var(--resolved-border);color:var(--muted);}.infobox-resolved code{background:var(--resolved-code-bg);color:var(--resolved-code-fg);}.infobox-status{background:var(--issue-bg);border:1px solid var(--issue-border);color:var(--muted);}.infobox-issue{background:var(--issue-bg);border:1px solid var(--issue-border);color:var(--muted);}.infobox-issue code{background:var(--issue-code-bg);color:var(--issue-code-fg);}.infobox-code{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0;}.label-resolved{font-weight:700;color:var(--ready-fg);margin-right:var(--space-1);}.label-status{font-weight:700;color:var(--refine-fg);}.label-issue{font-weight:700;color:var(--refine-fg);margin-right:var(--space-1);}.label-rec{font-weight:700;color:var(--accent);margin-right:var(--space-1);}.cc-group{margin-bottom:var(--space-4);}.cc-group-label{font-size:var(--text-sm);font-weight:700;color:var(--text);margin-bottom:var(--space-2);}.cc-group-dim{font-weight:400;color:var(--muted);font-size:var(--text-xs);margin-left:4px;}.style-colors{margin:var(--space-4) 0 var(--space-8);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);}.style-colors-title{font-size:var(--text-sm);font-weight:700;color:var(--text);margin-bottom:4px;}.style-colors-desc{font-size:var(--text-xs);color:var(--muted);line-height:1.5;margin-bottom:var(--space-4);}.style-colors-desc code{font-family:var(--font-mono);font-size:inherit;color:inherit;background:none;padding:0;border:none;}.style-colors .table-wrap{margin:0 0 var(--space-3);}.style-colors-tokens{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:var(--space-3);border-top:1px solid var(--border);}.style-colors-token-label{font-size:var(--text-xs);font-weight:600;color:var(--muted);}.style-colors-tokens code{font-family:var(--font-mono);font-size:11px;color:var(--muted);background:var(--bg);padding:2px 6px;border-radius:4px;border:1px solid var(--border);}.cc-group .table-wrap{margin-top:0;}.path-label{font-size:10px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-1);margin-top:var(--space-3);}.path-label:first-child{margin-top:0;}.path-box{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);background:var(--surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--border);}.findings{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6);}.findings li{font-size:var(--text-sm);color:var(--text-2);line-height:1.6;padding-left:var(--space-4);position:relative;}.findings li::before{content:'·';position:absolute;left:6px;color:var(--accent);font-weight:700;}.findings li code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--code-bg);padding:1px 4px;border-radius:3px;color:var(--code-fg);}tr.done{opacity:0.55;}p{font-size:var(--text-sm);color:var(--text-2);line-height:1.65;margin-bottom:var(--space-3);}p:last-child{margin-bottom:0;}code{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;background:var(--code-bg);padding:1px 4px;border-radius:3px;color:var(--code-fg);}.sub-label{font-size:var(--text-xs);font-weight:600;color:var(--muted);margin-bottom:var(--space-2);margin-top:var(--space-4);}.comp-tabs{position:sticky;top:16px;z-index:20;display:flex;gap:2px;margin:var(--space-6) 0 var(--space-8);padding:3px;background:var(--tab-bg);border-radius:16px;width:100%;box-shadow:0 -16px 0 0 var(--surface);}.comp-tabs::before{content:'';position:absolute;top:3px;left:var(--pill-left,3px);width:var(--pill-width,50%);height:calc(100% - 6px);background:var(--tab-pill);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,0.06);transition:left 0.28s cubic-bezier(0.4,0,0.2,1),width 0.28s cubic-bezier(0.4,0,0.2,1),background 0.3s ease;z-index:0;}.comp-tab{position:relative;z-index:1;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);font-size:var(--text-md);font-weight:400;color:var(--tab-fg);background:none;border:none;border-radius:6px;cursor:pointer;transition:color 0.2s ease;font-family:var(--font-body);min-width:120px;}.comp-tab:hover{color:var(--tab-fg-hover);}.comp-tab.active{color:var(--tab-fg-active);}.tab-version-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:999px;font-size:var(--text-xs);font-weight:600;letter-spacing:normal;text-transform:none;line-height:1;}.tab-version-badge.patch{background:var(--ready-bg);color:var(--ready-fg);}.tab-version-badge.minor{background:var(--accent-light);color:var(--accent);}.tab-version-badge.major{background:#F3EEFA;color:#5B21B6;}.comp-tab-content{display:none;}.comp-tab-content.active{display:block;animation:panelFadeIn 0.2s ease;}.resolved-list{list-style:none;padding:0;margin-bottom:var(--space-6);}.resolved-list li{font-size:var(--text-sm);color:var(--muted);padding:var(--space-2) 0;border-bottom:1px solid var(--row-border);display:flex;align-items:baseline;gap:var(--space-2);}.resolved-list li:last-child{border-bottom:none;}.resolved-list li::before{content:'✓';color:var(--ready-fg);font-weight:700;flex-shrink:0;}.recommend-list{list-style:none;padding:0;margin-bottom:var(--space-6);}.recommend-list li{font-size:var(--text-sm);color:var(--muted);padding:var(--space-2) 0;border-bottom:1px solid var(--row-border);display:flex;align-items:baseline;gap:var(--space-2);}.recommend-list li:last-child{border-bottom:none;}.recommend-list li::before{content:'→';color:var(--accent);font-weight:700;flex-shrink:0;}.tag-recommend{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--accent-light);color:var(--accent);white-space:nowrap;flex-shrink:0;}.table-footnote{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-2);}.comp-desc{font-size:var(--text-base);color:var(--text);margin-bottom:var(--space-4);line-height:1.6;}.theme-pill{display:none;}.theme-toggle{position:relative;width:42px;height:26px;flex-shrink:0;}.theme-toggle input{opacity:0;width:0;height:0;position:absolute;}.theme-toggle-track{position:absolute;top:0;left:0;right:0;bottom:0;background:#D4D4D4;border-radius:13px;cursor:pointer;transition:background 0.3s cubic-bezier(0.4,0,0.2,1);}.theme-toggle input:checked + .theme-toggle-track{background:var(--accent);}.theme-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#FFFFFF;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.12);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);pointer-events:none;}.theme-toggle input:checked~.theme-toggle-knob{transform:translateX(16px);}.panel-layout{display:flex;gap:56px;max-width:calc(var(--content-max) + 180px + 56px);margin:0 auto;padding:0 var(--space-12);}.panel-layout>.content-wrap{flex:1;min-width:0;max-width:var(--content-max);padding-left:0;padding-right:0;}.page-toc{position:sticky;top:0;width:180px;flex-shrink:0;padding:240px var(--space-4) var(--space-10) 0;align-self:flex-start;max-height:100vh;overflow-y:auto;}.page-toc::-webkit-scrollbar{width:0;}.page-toc-label{font-size:10px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--muted);opacity:0.6;margin-bottom:var(--space-3);padding-left:var(--space-3);}.page-toc-nav{display:flex;flex-direction:column;}.page-toc-link{display:block;font-size:14px;font-weight:400;color:var(--muted);text-decoration:none;padding:6px var(--space-3);border-left:2px solid transparent;border-radius:0;transition:color 0.08s ease,border-color 0.08s ease;cursor:pointer;background:none;border-top:none;border-right:none;border-bottom:none;font-family:var(--font-body);text-align:left;width:100%;line-height:1.5;}.page-toc-link:hover{color:var(--text);}.page-toc-link.active{color:var(--accent);border-left-color:var(--accent);font-weight:500;}.page-toc-child{padding-left:var(--space-6);}.sub-heading.toc-child{font-size:18px;}.comp-tabs-line{display:flex;gap:var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-12);}.comp-tab-line{position:relative;padding:var(--space-3) 0;font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;color:var(--muted);background:none;border:none;cursor:pointer;transition:color 0.08s ease;white-space:nowrap;}.comp-tab-line:hover{color:var(--text);}.comp-tab-line.active{color:var(--accent);font-weight:500;}.comp-tab-line.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);border-radius:1px;}.demo-panel{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-12);}.demo-preview{display:flex;align-items:center;justify-content:center;min-height:160px;padding:var(--space-10);background-color:#F8F9FB;background-image:radial-gradient(circle,#DDE0E7 1px,transparent 1px);background-size:16px 16px;}[data-theme="dark"] .demo-preview{background-color:#1A1A1A;background-image:radial-gradient(circle,#2A2A2A 1px,transparent 1px);}.demo-btn{font-family:var(--font-body);font-size:14px;font-weight:600;cursor:default;border:none;transition:all 0.1s ease;letter-spacing:0.01em;}.demo-btn-primary{background:var(--accent);color:#FFFFFF;padding:14px 32px;border-radius:99px;}.demo-btn-primary.compact{padding:9px 24px;font-size:var(--text-xs);}.demo-btn-primary.disabled{opacity:0.4;}.demo-btn-outlined{background:transparent;color:var(--accent);padding:12px 30px;border-radius:99px;border:2px solid var(--accent);}.demo-btn-outlined.compact{padding:7px 22px;font-size:var(--text-xs);}.demo-btn-outlined.disabled{opacity:0.4;}.demo-btn-text{background:transparent;color:var(--accent);padding:14px 32px;border-radius:99px;}.demo-btn-text.compact{padding:9px 24px;font-size:var(--text-xs);}.demo-btn-text.disabled{opacity:0.4;}.demo-btn-white{background:#FFFFFF;color:#005CE5;padding:14px 32px;border-radius:99px;border:none;}.demo-btn-white.disabled{opacity:0.4;}.demo-btn-subtle{background:#E5F1FF;color:#005CE5;padding:14px 32px;border-radius:99px;border:none;}.demo-btn-subtle.disabled{opacity:0.4;}.demo-btn-primary.destructive{background:#D81E1E;}.demo-btn-outlined.destructive{color:#D81E1E;border-color:#D81E1E;}.demo-btn-text.destructive{color:#D81E1E;}.demo-btn.size-medium{padding-top:8px !important;padding-bottom:8px !important;padding-left:20px !important;padding-right:20px !important;}.demo-btn.size-small{padding-top:6px !important;padding-bottom:6px !important;padding-left:16px !important;padding-right:16px !important;font-size:12px !important;}.demo-btn.size-xsmall{padding-top:4px !important;padding-bottom:4px !important;padding-left:12px !important;padding-right:12px !important;font-size:12px !important;}.demo-preview.demo-preview-dark{background-color:#003F9E;background-image:radial-gradient(circle,#004BBF 1px,transparent 1px);}.demo-layout{display:flex;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;}.demo-panel .demo-layout{border:none;}.demo-layout .demo-preview,.demo-layout .spec-card-preview{flex:1;min-height:200px;}.demo-layout .spec-card-preview{margin:0;border-radius:0;padding:var(--space-10);min-height:200px;}.demo-controls{display:flex;gap:var(--space-6);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;}.demo-figma-panel{width:260px;min-width:260px;border-left:1px solid var(--border);background:#FFFFFF;overflow-y:auto;}[data-theme="dark"] .demo-figma-panel{background:var(--surface);}.demo-panel-section{border-bottom:1px solid var(--border);padding:12px 16px;}.demo-panel-section:last-child{border-bottom:none;}.demo-panel-heading{font-family:var(--font-heading);font-size:13px;font-weight:700;margin-bottom:12px;color:var(--fg);}.demo-panel-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;}.demo-panel-label{font-size:13px;color:var(--muted);}.demo-panel-select{padding:5px 24px 5px 10px;font-size:13px;font-family:var(--font-body);border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;min-width:100px;}.demo-panel-select:focus{outline:none;border-color:var(--accent);}input.demo-panel-input.demo-panel-select,.demo-panel-input.demo-panel-select{background-image:none;padding:5px 10px;min-width:140px;max-width:180px;font-family:var(--font-body);}.demo-panel-input::placeholder{color:var(--muted);opacity:0.7;}.demo-bool-toggle{position:relative;width:36px;height:20px;background:#D0D3D9;border-radius:10px;border:none;cursor:pointer;transition:background 0.2s ease;padding:0;}.demo-bool-toggle::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;background:#FFFFFF;border-radius:50%;transition:transform 0.2s ease;}.demo-bool-toggle.active{background:#1A56DB;}.demo-bool-toggle.active::after{transform:translateX(16px);}[data-theme="dark"] .demo-bool-toggle{background:#4A4A4A;}[data-theme="dark"] .demo-bool-toggle.active{background:#1A56DB;}.demo-panel-val{font-size:13px;color:var(--fg);font-weight:500;}.demo-control-group{display:flex;align-items:center;gap:var(--space-2);}.demo-control-label{font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:6px;}.demo-control-tag{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;letter-spacing:0.3px;text-transform:uppercase;}.demo-control-tag.property{background:#EEF3FB;color:#1A56DB;}.demo-control-tag.mode{background:#EDE9FE;color:#7C3AED;}[data-theme="dark"] .demo-control-tag.property{background:rgba(26,86,219,0.15);color:#5B9BFF;}[data-theme="dark"] .demo-control-tag.mode{background:rgba(124,58,237,0.15);color:#A855F7;}.demo-section-label{font-size:11px;font-weight:600;color:var(--muted);}.demo-control-divider{width:100%;height:1px;background:var(--border);margin:4px 0;}.demo-segmented{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;}.demo-seg{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--muted);background:var(--surface);border:none;padding:4px 10px;cursor:pointer;transition:background 0.08s ease,color 0.08s ease;border-right:1px solid var(--border);}.demo-seg:last-child{border-right:none;}.demo-seg:hover{color:var(--text);}.demo-seg:disabled{opacity:0.35;cursor:not-allowed;pointer-events:none;}.demo-seg.active{background:var(--accent);color:#FFFFFF;}.spec-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-8);}.spec-card-header{padding:var(--space-6) var(--space-6) 12px;}.spec-card-header-row{display:flex;align-items:center;gap:var(--space-3);}.spec-card-header-row .sub-heading{margin-top:0;margin-bottom:0;}.spec-card-header-row .spec-mode-toggle{margin-left:auto;}.spec-card-header .sub-heading{margin-top:0;margin-bottom:var(--space-1);}.spec-mode-toggle{display:flex;background:var(--tab-bg);border-radius:6px;padding:2px;cursor:pointer;border:1px solid var(--border);}.spec-mode-label{font-size:10px;font-weight:600;letter-spacing:0.06em;padding:4px 10px;border-radius:4px;color:var(--muted);transition:all 0.1s ease;user-select:none;}.spec-mode-label.active{background:var(--surface);font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,0.06);}.spec-mode-label.active:first-child{color:#7344DC;}.spec-mode-label.active:last-child{color:#2EC2B3;}.spec-node-copy{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;color:var(--muted);background:none;border:none;cursor:pointer;padding:2px 0;opacity:0.5;transition:opacity 0.1s ease;flex-shrink:0;}.spec-node-copy:hover{opacity:1;}.spec-node-copy svg{flex-shrink:0;}.spec-card-desc{font-size:var(--text-md);color:var(--muted);line-height:1.5;margin-bottom:0;padding:0 var(--space-6) var(--space-4);}.spec-card-header:has(>.spec-card-title){display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;}.spec-card-title{font-size:var(--text-md);font-weight:700;color:var(--text);display:flex;align-items:baseline;gap:var(--space-3);flex:1;min-width:0;}.spec-card-node{font-size:var(--text-xs);font-weight:400;color:var(--muted);}.spec-card-node code{font-size:var(--text-xs);}.spec-card-preview-row{padding:0 var(--space-6) var(--space-4);}.spec-preview-frame{display:flex;align-items:center;justify-content:center;min-height:160px;padding:var(--space-8);background-color:#F8F9FB;background-image:radial-gradient(circle,#DDE0E7 1px,transparent 1px);background-size:16px 16px;border-radius:var(--radius);}[data-theme="dark"] .spec-preview-frame{background-color:#1A1A1A;background-image:radial-gradient(circle,#2A2A2A 1px,transparent 1px);}.spec-preview-body{display:flex;align-items:center;justify-content:center;}.spec-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--row-border);}.spec-detail-grid + .spec-detail-grid{border-top:1px solid var(--row-border);}.spec-detail-col{padding:var(--space-4) var(--space-6);border-right:1px solid var(--row-border);min-width:0;}.spec-detail-col:last-child{border-right:none;}.spec-detail-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:4px 0;font-size:var(--text-sm);}.spec-detail-row>span:first-child{color:var(--muted);font-size:var(--text-xs);flex-shrink:0;}.spec-detail-row code{font-size:var(--text-xs);text-align:right;}.spec-detail-row.muted{color:var(--muted);}.mode-toggle-group{display:inline-flex;background:var(--tab-bg);border-radius:6px;padding:2px;border:1px solid var(--border);flex-shrink:0;}.mode-toggle-btn{font-size:10px;font-weight:600;letter-spacing:0.06em;padding:4px 10px;border-radius:4px;color:var(--muted);background:none;border:none;cursor:pointer;transition:all 0.1s ease;font-family:var(--font-body);}.mode-toggle-btn.active{background:var(--surface);font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,0.06);color:var(--text);}.compact-table{font-size:var(--text-xs);}.compact-table thead th{padding:4px 6px;font-size:10px;}.compact-table tbody td{padding:4px 6px;font-size:var(--text-xs);}.swatch-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle;flex-shrink:0;}.variants-count{font-weight:400;color:var(--muted);font-size:var(--text-xs);margin-left:6px;}.verdict-inline.verdict-restructure{background:var(--rework-bg,#FEF2F2);border-color:var(--rework-border,#FCA5A5);color:var(--rework-fg,#991B1B);}[data-theme="dark"] .verdict-inline.verdict-restructure{background:#3A1818;border-color:#7F2D2D;color:#FCA5A5;}.table-footnote{font-size:var(--text-xs);color:var(--muted);margin-top:6px;line-height:1.5;}.eb-preview{font-family:"HeyMeow Rnd",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;color:#0A2757;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.eb-preview--bark{font-family:"BarkAda",-apple-system,system-ui,sans-serif;}.eb-preview-header{box-sizing:border-box;display:flex;align-items:flex-start;gap:8px;width:360px;max-width:100%;padding:16px 24px;background:#FFFFFF;font-family:"HeyMeow Rnd",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;}.eb-preview-header--center{align-items:center;}.eb-preview-header__leading-icon{width:24px;height:24px;color:#0A2757;flex-shrink:0;margin-top:2px;}.eb-preview-header__leading-illus{width:48px;height:48px;border-radius:999px;background:#C2CFE5;flex-shrink:0;margin-top:2px;}.eb-preview-header__content{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px;}.eb-preview-header__preamble{font-weight:700;font-size:14px;line-height:14px;letter-spacing:0.25px;color:#005CE5;margin:0;}.eb-preview-header__title{font-weight:700;font-size:22px;line-height:26px;letter-spacing:0;color:#0A2757;margin:0;}.eb-preview-header__desc{font-family:"BarkAda",system-ui,sans-serif;font-weight:600;font-size:12px;line-height:18px;color:#6780A9;margin:0;}.eb-preview-header__trailing{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding-top:2px;}.eb-preview-header__trailing-illus{width:48px;height:48px;border-radius:999px;background:#C2CFE5;flex-shrink:0;align-self:center;}.eb-preview-header__link{font-weight:700;font-size:16px;line-height:16px;letter-spacing:0.25px;color:#005CE5;white-space:nowrap;}.eb-preview-header__edit-icon{width:24px;height:24px;color:#005CE5;flex-shrink:0;}.eb-preview-header__counter{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#EEF2F9;border-radius:999px;font-weight:700;font-size:14px;line-height:14px;letter-spacing:0.25px;color:#072592;}.eb-preview-header-centered{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:0;width:360px;max-width:100%;padding:24px 24px 34px;text-align:center;font-family:"HeyMeow Rnd",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;}.eb-preview-header-centered--dark{background:#1972F9;border-bottom:1px solid rgba(246,249,253,0.24);}.eb-preview-header-centered--light{background:#FFFFFF;border-bottom:1px solid #E8E9ED;}.eb-preview-header-centered__title{font-weight:700;font-size:22px;line-height:26px;letter-spacing:0;margin:0;}.eb-preview-header-centered--dark .eb-preview-header-centered__title{color:#FFFFFF;}.eb-preview-header-centered--light .eb-preview-header-centered__title{color:#0A2757;}.eb-preview-header-centered__sublabel{font-family:"BarkAda",system-ui,sans-serif;font-weight:600;font-size:14px;line-height:20px;display:inline-flex;gap:2px;margin:0;}.eb-preview-header-centered--dark .eb-preview-header-centered__sublabel-key{color:rgba(246,249,253,0.72);}.eb-preview-header-centered--dark .eb-preview-header-centered__sublabel-value{color:#FFFFFF;}.eb-preview-header-centered--light .eb-preview-header-centered__sublabel-key{color:#6780A9;}.eb-preview-header-centered--light .eb-preview-header-centered__sublabel-value{color:#0A2757;}.eb-preview-header-logo{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:360px;max-width:100%;padding:24px;background:#1972F9;}.eb-preview-header-logo__mark{display:inline-flex;align-items:center;gap:8px;font-family:"HeyMeow Rnd",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:22px;letter-spacing:-0.5px;}.eb-preview-header-logo__mark--light{color:#FFFFFF;}.eb-preview-header-logo__mark--dark{color:#0A2757;}.eb-preview-header-logo__glyph{width:28px;height:28px;flex-shrink:0;}.eb-preview-header-tx{box-sizing:border-box;display:flex;flex-direction:column;width:360px;max-width:100%;padding:24px;background:#1972F9;font-family:"HeyMeow Rnd",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;}.eb-preview-header-tx__avatar{width:32px;height:32px;border-radius:999px;background:#C2CFE5;flex-shrink:0;}.eb-preview-header-tx__title{margin:8px 0 0 0;font-weight:700;font-size:22px;line-height:26px;color:#FFFFFF;}.eb-preview-header-tx__separator{height:1px;background:rgba(246,249,253,0.24);margin:12px 0 8px;}.eb-preview-header-tx__meta{font-family:"BarkAda",system-ui,sans-serif;font-weight:600;font-size:14px;line-height:20px;display:flex;gap:8px;margin:0 0 2px;}.eb-preview-header-tx__meta-key{color:rgba(246,249,253,0.72);}.eb-preview-header-tx__meta-value{color:#FFFFFF;}.eb-preview-header-tx__desc{font-family:"BarkAda",system-ui,sans-serif;font-weight:600;font-size:12px;line-height:18px;color:rgba(246,249,253,0.72);margin:0;}.eb-preview-overlay-stage{position:relative;width:260px;height:380px;border-radius:24px;overflow:hidden;background:#F4F6FA;border:1px solid #E5E8EF;font-family:"HeyMeow Rnd",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;}.eb-preview-overlay-stage__content{position:absolute;inset:0;padding:24px 20px;display:flex;flex-direction:column;gap:10px;}.eb-preview-overlay-stage__content-title{font-weight:700;font-size:18px;line-height:22px;color:#0A2757;margin:0 0 4px;}.eb-preview-overlay-stage__card{height:48px;background:#FFFFFF;border-radius:12px;border:1px solid #E8E9ED;}.eb-preview-overlay-stage__dim{position:absolute;inset:0;background:rgba(2,14,34,0.56);}.eb-preview-overlay-stage__sheet{position:absolute;left:0;right:0;bottom:0;background:#FFFFFF;border-radius:20px 20px 0 0;padding:14px 20px 20px;display:flex;flex-direction:column;gap:8px;}.eb-preview-overlay-stage__handle{width:40px;height:4px;background:#C8CDD5;border-radius:2px;margin:0 auto 8px;}.eb-preview-overlay-stage__sheet-title{font-weight:700;font-size:16px;line-height:20px;color:#0A2757;margin:0;}.eb-preview-overlay-stage__sheet-body{font-family:"BarkAda",system-ui,sans-serif;font-weight:600;font-size:12px;line-height:18px;color:#6780A9;margin:0;}.eb-preview-overlay-stage__sheet-btn{margin-top:6px;height:40px;background:#1972F9;color:#FFFFFF;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:0.25px;}.eb-preview-overlay-stage__dialog{position:absolute;left:20px;right:20px;top:50%;transform:translateY(-50%);background:#FFFFFF;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;}.eb-preview-overlay-stage__dialog-actions{display:flex;gap:8px;margin-top:8px;}.eb-preview-overlay-stage__dialog-btn{flex:1;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;letter-spacing:0.25px;}.eb-preview-overlay-stage__dialog-btn--ghost{background:#EEF2F9;color:#0A2757;}.eb-preview-overlay-stage__dialog-btn--primary{background:#1972F9;color:#FFFFFF;}.eb-preview-toggle{display:inline-block;position:relative;background:#C8CDD5;border-radius:999px;flex-shrink:0;transition:background 180ms ease,box-shadow 180ms ease;}.eb-preview-toggle--small{width:36px;height:20px;}.eb-preview-toggle--medium{width:48px;height:24px;}.eb-preview-toggle--large{width:56px;height:30px;}.eb-preview-toggle--off{background:#C8CDD5;}.eb-preview-toggle--on{background:#1972F9;}.eb-preview-toggle--pressed.eb-preview-toggle--off{background:#AAB3C0;}.eb-preview-toggle--pressed.eb-preview-toggle--on{background:#0F54BE;}.eb-preview-toggle--disabled.eb-preview-toggle--off{background:#EBEEF3;}.eb-preview-toggle--disabled.eb-preview-toggle--on{background:#9BC5FD;}.eb-preview-toggle--error.eb-preview-toggle--off{background:#FAC1C1;}.eb-preview-toggle--error.eb-preview-toggle--on{background:#D81E1E;}.eb-preview-toggle--focused{box-shadow:0 0 0 3px rgba(25,114,249,0.35);}.eb-preview-toggle__knob{position:absolute;top:2px;background:#FFFFFF;border-radius:999px;box-shadow:0 1px 2px rgba(10,23,87,0.18),0 0 0 0.5px rgba(10,23,87,0.04);transition:left 180ms ease;}.eb-preview-toggle--small .eb-preview-toggle__knob{width:16px;height:16px;}.eb-preview-toggle--medium .eb-preview-toggle__knob{width:20px;height:20px;}.eb-preview-toggle--large .eb-preview-toggle__knob{width:26px;height:26px;}.eb-preview-toggle--small.eb-preview-toggle--off .eb-preview-toggle__knob{left:2px;}.eb-preview-toggle--small.eb-preview-toggle--on .eb-preview-toggle__knob{left:18px;}.eb-preview-toggle--medium.eb-preview-toggle--off .eb-preview-toggle__knob{left:2px;}.eb-preview-toggle--medium.eb-preview-toggle--on .eb-preview-toggle__knob{left:26px;}.eb-preview-toggle--large.eb-preview-toggle--off .eb-preview-toggle__knob{left:2px;}.eb-preview-toggle--large.eb-preview-toggle--on .eb-preview-toggle__knob{left:28px;}.eb-preview-toggle--disabled{cursor:not-allowed;}.eb-preview-toggle--disabled .eb-preview-toggle__knob{background:#F4F6FA;box-shadow:none;}.eb-preview-toggle--interactive{cursor:pointer;user-select:none;-webkit-user-select:none;outline:none;}.eb-preview-toggle--interactive:focus-visible{box-shadow:0 0 0 3px rgba(25,114,249,0.35);}.eb-preview-toggle--interactive:active .eb-preview-toggle__knob{transform:scale(0.94);}.eb-preview-setting-row{box-sizing:border-box;display:flex;align-items:center;gap:12px;width:320px;padding:14px 16px;background:#FFFFFF;border:1px solid #E8E9ED;border-radius:12px;font-family:"HeyMeow Rnd",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;}.eb-preview-setting-row__labels{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;}.eb-preview-setting-row__label{font-weight:700;font-size:14px;line-height:18px;color:#0A2757;display:flex;align-items:baseline;gap:4px;}.eb-preview-setting-row__required{color:#D81E1E;font-weight:700;}.eb-preview-setting-row__desc{font-family:"BarkAda",system-ui,sans-serif;font-weight:500;font-size:12px;line-height:16px;color:#6780A9;}.eb-preview-setting-row--leading>.eb-preview-toggle{order:-1;}.eb-preview-form-card{box-sizing:border-box;width:360px;max-width:100%;background:#F4F6FA;border:1px solid #E5E8EF;border-radius:16px;overflow:hidden;font-family:"HeyMeow Rnd",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;}.eb-preview-form-card__header{padding:16px 20px 12px;background:#FFFFFF;border-bottom:1px solid #E5E8EF;}.eb-preview-form-card__title{font-weight:700;font-size:18px;line-height:22px;color:#0A2757;margin:0;}.eb-preview-form-card__subtitle{font-family:"BarkAda",system-ui,sans-serif;font-weight:500;font-size:12px;line-height:16px;color:#6780A9;margin:4px 0 0;}.eb-preview-form-card__section{padding:16px 12px 12px;}.eb-preview-form-card__section + .eb-preview-form-card__section{border-top:1px solid #E5E8EF;}.eb-preview-form-card__section-title{font-weight:700;font-size:11px;line-height:14px;letter-spacing:0.06em;text-transform:uppercase;color:#6780A9;margin:0 8px 8px;}.eb-preview-form-card__rows{display:flex;flex-direction:column;gap:6px;}.eb-preview-form-card__rows .eb-preview-setting-row{width:100%;border-color:#ECEFF5;box-shadow:0 1px 0 rgba(10,23,87,0.02);}.eb-preview-alert{box-sizing:border-box;width:360px;max-width:100%;display:flex;gap:8px;border-radius:4px;font-family:"HeyMeow Rnd",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;}.eb-preview-alert--banner{padding:12px 16px;align-items:center;box-shadow:0 1px 3px 0 rgba(232,238,242,0.79);}.eb-preview-alert--card{padding:4px 16px 16px 20px;border-left:6px solid var(--alert-border,transparent);align-items:flex-start;}.eb-preview-alert--neutral{background:#F6F9FD;--alert-title:#0A2757;--alert-desc:#6780A9;--alert-icon:#0A2757;--alert-link:#0A2757;--alert-border:transparent;}.eb-preview-alert--information{background:#E5F1FF;--alert-title:#072592;--alert-desc:#072592;--alert-icon:#2340A9;--alert-link:#072592;--alert-border:#005CE5;}.eb-preview-alert--warning{background:#FFF9EB;--alert-title:#6C5009;--alert-desc:#966F0B;--alert-icon:#966F0B;--alert-link:#966F0B;--alert-border:#EBB30A;}.eb-preview-alert--error{background:#F8E6E6;--alert-title:#D61B2C;--alert-desc:#D61B2C;--alert-icon:#B50707;--alert-link:#D61B2C;--alert-border:#D61B2C;}.eb-preview-alert--success{background:#E7F8F0;--alert-title:#035E50;--alert-desc:#035E50;--alert-icon:#035E50;--alert-link:#035E50;--alert-border:#27C990;}.eb-preview-alert__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:2px;}.eb-preview-alert--card .eb-preview-alert__content{padding-top:4px;}.eb-preview-alert__title{color:var(--alert-title);font-weight:700;letter-spacing:0.25px;margin:0;}.eb-preview-alert--banner .eb-preview-alert__title{font-size:16px;line-height:20px;}.eb-preview-alert--card .eb-preview-alert__title{font-size:18px;line-height:23px;padding-top:7px;}.eb-preview-alert__desc{color:var(--alert-desc);font-family:"BarkAda",system-ui,sans-serif;font-weight:600;font-size:12px;line-height:18px;margin:0;opacity:0.8;}.eb-preview-alert--neutral .eb-preview-alert__desc{opacity:1;}.eb-preview-alert__icon-left{flex-shrink:0;width:24px;height:24px;border-radius:999px;background:#C2C6CF;}.eb-preview-alert__icon-right{flex-shrink:0;width:32px;height:32px;color:var(--alert-icon);}.eb-preview-alert--banner .eb-preview-alert__icon-right{width:24px;height:24px;}.eb-preview-alert__action{display:inline-flex;align-items:center;gap:2px;color:var(--alert-link);font-family:"BarkAda",system-ui,sans-serif;font-weight:600;font-size:12px;line-height:18px;margin-top:8px;padding-left:3px;opacity:0.8;}.eb-preview-alert--neutral .eb-preview-alert__action{opacity:1;}.eb-preview-alert__action-chevron{width:14px;height:14px;}.eb-preview-counter{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:24px;padding:0 8px;border-radius:99px;background:#EEF2F9;font-family:"HeyMeow Rnd",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:14px;line-height:14px;letter-spacing:0.25px;text-align:center;white-space:nowrap;}.eb-preview-counter--empty{color:#C2CFE5;}.eb-preview-counter--filled{color:#072592;}.eb-preview-gcard{box-sizing:border-box;display:flex;align-items:center;gap:0;width:360px;padding:16px 12px 16px 24px;background:#FFFFFF;border-bottom:1px solid #E5EBF4;font-family:"HeyMeow Rnd",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;}.eb-preview-gcard__icon{background:#C2C6CF;border-radius:50%;flex-shrink:0;margin-right:24px;}.eb-preview-gcard__icon--64{width:64px;height:64px;}.eb-preview-gcard__icon--52{width:52px;height:52px;}.eb-preview-gcard__icon--46{width:46px;height:46px;}.eb-preview-gcard__icon--40{width:40px;height:40px;}.eb-preview-gcard__icon--32{width:32px;height:32px;}.eb-preview-gcard__icon--24{width:24px;height:24px;}.eb-preview-gcard__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;padding-top:5px;}.eb-preview-gcard__subtitle{display:flex;align-items:center;gap:8px;padding-top:2px;margin-bottom:4px;}.eb-preview-gcard__blurb{color:#005CE5;font-weight:700;font-size:14px;line-height:14px;letter-spacing:0.25px;opacity:0.9;}.eb-preview-gcard__tag{display:inline-block;background:#D61B2C;color:#FFFFFF;font-weight:700;font-size:12px;line-height:12px;letter-spacing:0.5px;padding:3px 4px 1px;border-radius:4px;}.eb-preview-gcard__heading{font-weight:700;font-size:18px;line-height:23px;color:#0A2757;letter-spacing:0.25px;margin:0;}.eb-preview-gcard__desc-line{font-family:"BarkAda",system-ui,sans-serif;font-weight:600;font-size:12px;line-height:18px;margin:0;display:flex;gap:2px;padding-left:1px;}.eb-preview-gcard__desc-line--first{margin-top:2px;}.eb-preview-gcard__desc-label{color:#90A8D0;flex-shrink:0;}.eb-preview-gcard__desc-value{color:#445C85;flex:1;min-width:0;}.eb-preview-gcard__badge{display:inline-flex;align-items:center;margin-top:8px;padding:4px 8px 2px;border-radius:99px;background:#E5F1FF;color:#005CE5;font-weight:700;font-size:12px;line-height:12px;letter-spacing:0.5px;}.eb-preview-gcard__chevron-wrap{margin-left:24px;padding-top:14px;flex-shrink:0;}.eb-preview-gcard__chevron{width:32px;height:32px;color:#0A2757;display:block;}.eb-preview-gcard--skeleton .eb-preview-gcard__icon{background:#E0E6F2;}.eb-preview-gcard__sk{background:#E0E6F2;border-radius:6px;height:12px;}.eb-preview-gcard__sk--tag{width:52px;height:16px;}.eb-preview-gcard__sk--heading{width:60%;height:18px;margin-top:6px;}.eb-preview-gcard__sk--desc{width:85%;height:12px;margin-top:6px;}.eb-preview-gcard__sk--desc2{width:70%;height:12px;margin-top:4px;}.eb-preview-gcard__sk--badge{width:48px;height:18px;margin-top:10px;border-radius:99px;}.eb-preview-gcard__sk--chevron{width:16px;height:16px;margin-left:24px;margin-top:14px;flex-shrink:0;border-radius:3px;}.eb-preview-gtx{box-sizing:border-box;display:flex;align-items:flex-start;gap:12px;width:360px;padding:16px 24px 18px 22px;background:#FFFFFF;border-bottom:1px solid #E5EBF4;font-family:"HeyMeow Rnd",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;}.eb-preview-gtx__avatar{width:32px;height:32px;border-radius:16px;background:#005CE5;border:2px solid #E5EBF4;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:0.25px;flex-shrink:0;box-sizing:border-box;}.eb-preview-gtx__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:2px;}.eb-preview-gtx__label{font-weight:600;font-size:18px;line-height:18px;color:#0A2757;letter-spacing:0.25px;margin:0;}.eb-preview-gtx__meta-row{display:flex;align-items:center;gap:8px;min-width:0;}.eb-preview-gtx__badge{display:inline-flex;align-items:center;background:#E5F1FF;color:#005CE5;font-weight:700;font-size:12px;line-height:12px;letter-spacing:0.5px;padding:4px 8px 2px;border-radius:99px;flex-shrink:0;}.eb-preview-gtx__meta{font-family:"BarkAda",system-ui,sans-serif;font-weight:600;font-size:12px;line-height:18px;color:#6780A9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.eb-preview-gtx__trailing{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;}.eb-preview-gtx__amount{font-weight:600;font-size:18px;line-height:18px;color:#0A2757;letter-spacing:0.25px;white-space:nowrap;}.eb-preview-gtx__menu{color:#005CE5;font-size:18px;letter-spacing:2px;font-weight:700;line-height:18px;}.eb-preview-gtx__reference{font-family:"BarkAda",system-ui,sans-serif;font-weight:600;font-size:12px;line-height:18px;color:#6780A9;}.eb-preview-gtx__sk{background:#E0E6F2;border-radius:6px;height:12px;}.eb-preview-gtx__sk--label{width:60%;height:14px;}.eb-preview-gtx__sk--date{width:45%;height:10px;margin-top:6px;}.eb-preview-gtx__sk--amount{width:56px;height:14px;}.eb-preview-list-row{box-sizing:border-box;display:flex;align-items:center;gap:16px;width:320px;padding:14px 20px;background:#FFFFFF;border:1px solid #EDF0F5;border-radius:12px;font-family:"HeyMeow Rnd",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;}.eb-preview-list-row__avatar{width:32px;height:32px;border-radius:999px;background:#C2CFE5;flex-shrink:0;}.eb-preview-list-row__label{flex:1;min-width:0;font-weight:700;font-size:16px;line-height:20px;color:#005CE5;letter-spacing:0.25px;}.eb-preview-list-row__trailing{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;}.eb-preview-list-row__chevron{width:16px;height:16px;color:#005CE5;flex-shrink:0;}.eb-preview-setting-helper{font-family:"BarkAda",system-ui,sans-serif;font-size:12px;line-height:16px;color:#6780A9;margin-top:6px;padding:0 4px;max-width:320px;}.eb-preview-setting-helper--error{color:#D81E1E;}.eb-preview-stack{display:flex;flex-direction:column;gap:12px;align-items:flex-start;}.eb-preview-stack--center{align-items:center;}.eb-preview-stack--gap-lg{gap:20px;}.eb-preview-stack--gap-sm{gap:8px;}.spec-card-preview{display:flex;align-items:center;justify-content:center;min-height:120px;padding:var(--space-8);margin:var(--space-4) var(--space-6);background-color:#F8F9FB;background-image:radial-gradient(circle,#DDE0E7 1px,transparent 1px);background-size:16px 16px;border-radius:var(--radius);}[data-theme="dark"] .spec-card-preview{background-color:#1A1A1A;background-image:radial-gradient(circle,#2A2A2A 1px,transparent 1px);}.spec-card-controls{display:flex;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3) var(--space-6);border-top:1px solid var(--row-border);border-bottom:1px solid var(--row-border);}.spec-card-detail{display:grid;grid-template-columns:1fr 1fr;gap:0;}.spec-card-detail.spec-card-code{display:block;}.spec-detail-section{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--row-border);}.spec-detail-full{grid-column:1 / -1;}.spec-detail-section .table-wrap{margin-top:8px;}.spec-detail-section:nth-last-child(-n+2){border-bottom:none;}.spec-detail-label{font-size:10px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--muted);opacity:0.6;margin-bottom:var(--space-2);}.spec-card-code{padding:0;overflow:hidden;border-radius:0 0 var(--radius-lg) var(--radius-lg);}.spec-code-block{position:relative;padding:var(--space-6) var(--space-6) var(--space-6);background:#F8F9FB;min-height:120px;border-radius:0 0 var(--radius-lg) var(--radius-lg);}.spec-code-pre{font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:#C9D1D9;margin:0;white-space:pre;overflow-x:auto;tab-size:4;}.spec-code-block code,.spec-code-block code span{background:none !important;padding:0 !important;border-radius:0 !important;font-size:12.5px !important;font-weight:normal !important;font-family:var(--font-mono) !important;border:none !important;}.spec-code-block code{color:#3A3E47;}.spec-code-block::-webkit-scrollbar,.spec-code-pre::-webkit-scrollbar{height:0;width:0;}.spec-code-block{overflow:hidden;}.spec-code-pre{overflow-x:auto;scrollbar-width:none;}.syn-kw{color:#AF3EBB;}.syn-type{color:#0369A1;}.syn-str{color:#0A8754;}.syn-ann{color:#D97706;}.syn-fn{color:#005CE5;}.syn-val{color:#0A8754;}.syn-dot{color:#0550AE;}.syn-cmt{color:#57606A;font-style:italic;}.syn-punc{color:#54606E;}.syn-param{color:#953800;}.syn-eq{color:#D4D4D4;}.spec-code-copy{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:44px;height:100%;background:none;border:none;border-left:1px solid #21262D;color:#646A78;cursor:pointer;transition:color 0.1s ease,background 0.1s ease;z-index:2;}.spec-code-copy:hover{color:#C9D1D9;background:rgba(255,255,255,0.04);}.spec-code-copy span{display:none;}.spec-copy-toast{position:fixed;font-family:var(--font-body);font-size:11px;font-weight:500;color:#FFFFFF;background:#24292F;border:1px solid #3D444D;padding:6px 12px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:1000;opacity:0;transform:translateY(4px);transition:opacity 0.15s ease,transform 0.15s ease;}.spec-copy-toast.show{opacity:1;transform:translateY(0);}.spec-code-tabs{display:flex;gap:0;background:#EDEEF3;border-bottom:1px solid #E8E9ED;position:relative;}.spec-code-tab{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:#646A78;background:none;border:none;padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:2px solid transparent;transition:color 0.08s ease;}.spec-code-tab:hover{color:#3A3E47;}.spec-code-tab.active{color:#111111;border-bottom-color:var(--accent);}.spec-controls{display:flex;gap:var(--space-6);flex-wrap:wrap;padding:var(--space-4) 0;margin-bottom:var(--space-4);}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-8);}.spec-props{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;}.spec-prop{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--row-border);}.spec-prop:last-child{border-bottom:none;}.spec-prop-key{font-size:var(--text-md);font-weight:500;color:#959cab;}.spec-prop-val{font-family:var(--font-body);font-size:var(--text-md);font-weight:500;color:var(--text);text-align:right;}.spec-prop-val.mono{font-family:var(--font-body);}.spec-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-right:4px;}.spec-token-name{display:block;font-size:var(--text-xs);color:var(--muted);font-weight:400;margin-top:1px;}.spec-card-detail .spec-props{border:none;border-radius:0;}.spec-card-detail .spec-prop{padding:3px 0;border-bottom:none;}.mockup-frame{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-12);box-shadow:0 1px 3px rgba(0,0,0,0.04);}.mockup-chrome{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--bg);border-bottom:1px solid var(--border);}.mockup-dots{display:flex;gap:5px;}.mockup-dots span{width:8px;height:8px;border-radius:50%;background:var(--border-2);}.mockup-url{flex:1;font-family:var(--font-mono);font-size:12px;color:var(--muted);background:var(--surface);padding:4px var(--space-3);border-radius:4px;border:1px solid var(--border);}.mockup-body{padding:var(--space-10) var(--space-12);background:var(--surface);}.mockup-form{max-width:100%;display:flex;flex-direction:column;gap:var(--space-4);}.mockup-field{display:flex;flex-direction:column;gap:6px;}.mockup-field-label{width:64px;height:10px;background:var(--border);border-radius:3px;}.mockup-field-input{height:36px;background:var(--bg);border:1px solid var(--border);border-radius:6px;}.mockup-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2);justify-content:flex-end;}.mockup-btn-primary{font-family:var(--font-body);font-size:12px;font-weight:600;color:#FFFFFF;background:var(--accent);padding:8px 20px;border-radius:99px;}.mockup-btn-outlined{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--muted);background:transparent;padding:8px 20px;border-radius:99px;border:1px solid var(--border);}.ctx-wrap{background:#EAEBEE;border-radius:16px;display:flex;justify-content:center;margin-bottom:var(--space-8);overflow:hidden;}[data-theme="dark"] .ctx-wrap{background:#222326;}.ctx-img{display:block;max-width:100%;height:auto;}@media (max-width:767px){.topbar{display:flex;}.sidebar{transform:translateX(-100%);transition:transform 0.2s ease;z-index:200;}.sidebar.open{transform:translateX(0);}.main{margin-left:0;padding-top:48px;}.content-wrap{padding:var(--space-6) var(--space-4) var(--space-12);}.comp-grid{grid-template-columns:1fr;}.page-toc{display:none;}.panel-layout{display:block;}.spec-card-detail{grid-template-columns:1fr;}.spec-card-controls{flex-direction:column;gap:var(--space-3);}.spec-grid{grid-template-columns:1fr;}.spec-controls{flex-direction:column;gap:var(--space-3);}.demo-controls{flex-direction:column;gap:var(--space-3);}.demo-layout{flex-direction:column;}.demo-figma-panel{width:100%;min-width:unset;border-left:none;border-top:1px solid var(--border);}.comp-tabs-line{gap:var(--space-4);overflow-x:auto;}.mockup-body{padding:var(--space-6);}.how-grid{grid-template-columns:1fr;}.trait-grid{grid-template-columns:1fr;}.theme-pill{display:none;}}body,.sidebar,.main,.sidebar-brand,.sidebar-footer,.table-wrap,.how-card,.trait-card,.verdict-card,.infobox,.changelog-header,.summary-card,.comp-tabs,.theme-pill,thead th,code{transition:background 0.3s ease,color 0.3s ease,border-color 0.3s ease;}@media print{@page{size:A4;margin:18mm 16mm;}*{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;}*{animation:none !important;transition:none !important;}body{margin:0 !important;background:#fff !important;color:#1A1F2B !important;font-size:10pt !important;}.main{margin-left:0 !important;}.content-wrap{max-width:100% !important;padding:12pt 0 0 !important;}.panel-layout{display:block !important;padding:0 !important;}.panel-layout>.content-wrap{padding:0 !important;}.sidebar,.sidebar-overlay,.topbar,.comp-tabs,.page-toc,.demo-panel,.demo-controls,.spec-card-controls,.spec-mode-toggle,.spec-node-copy,.back-btn,.back-to-top,.verdict-chevron,#how-it-works{display:none !important;}.panel{display:none !important;}#panel-overview{display:block !important;}#panel-accordion{display:block !important;}#panel-button{display:block !important;}.comp-tab-content{display:block !important;}.comp-tab-content[data-tab="style"]::before,.comp-tab-content[data-tab="code"]::before,.comp-tab-content[data-tab="changelog"]::before{display:block;font-size:7.5pt;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#8892A4;padding-top:10pt;padding-bottom:4pt;border-top:1.5px solid #E2E4E9;margin-bottom:8pt;}.comp-tab-content[data-tab="style"]::before{content:"Style";}.comp-tab-content[data-tab="code"]::before{content:"Code";}.comp-tab-content[data-tab="changelog"]::before{content:"Changelog";}.verdict-card-body{display:block !important;}.verdict-card-trigger{cursor:default;}.spec-view-dev{display:none !important;}.spec-view-des{display:block !important;}[data-card-variant]{display:block !important;}#panel-accordion{page-break-before:always;}#panel-button{page-break-before:always;}.comp-tab-content[data-tab="style"]{page-break-before:always;}.comp-tab-content[data-tab="code"]{page-break-before:always;}.comp-tab-content[data-tab="changelog"]{page-break-before:always;}.trait-card,.spec-card,.infobox,.changelog-row,.crit-row,tr{page-break-inside:avoid;}.sub-heading,.section-heading,.spec-detail-label{page-break-after:avoid;}.comp-header-title{font-size:18pt !important;}.sub-heading{font-size:10pt !important;}.section-heading{font-size:11pt !important;}.trait-grid{grid-template-columns:1fr 1fr !important;gap:8pt !important;}.trait-card{padding:8pt !important;font-size:9pt !important;}.trait-note{font-size:8.5pt !important;}table{font-size:8.5pt !important;}th,td{padding:4pt 8pt !important;}code{font-size:8pt !important;}.spec-card{margin-bottom:10pt !important;page-break-inside:avoid;}.spec-card-preview{min-height:50pt !important;padding:10pt !important;}.spec-card-detail{grid-template-columns:1fr 1fr !important;gap:8pt !important;}a{color:inherit !important;text-decoration:none !important;}}.login-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;}.login-brand{flex:1;background:linear-gradient(135deg,#0A1628 0%,#0D2B5E 40%,#1A56DB 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px;position:relative;overflow:hidden;}.login-brand::before{content:'';position:absolute;top:-20%;right:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(255,255,255,0.06) 0%,transparent 70%);border-radius:50%;}.login-brand::after{content:'';position:absolute;bottom:-10%;left:-10%;width:40%;height:40%;background:radial-gradient(circle,rgba(91,155,255,0.15) 0%,transparent 70%);border-radius:50%;}.login-brand-content{position:relative;z-index:1;max-width:360px;}.login-brand-icon{width:56px;height:56px;background:rgba(255,255,255,0.12);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:32px;backdrop-filter:blur(8px);}.login-brand-title{font-family:var(--font-heading);font-size:36px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:12px;}.login-brand-desc{font-size:15px;color:rgba(255,255,255,0.6);line-height:1.6;}.login-brand-footer{position:absolute;bottom:32px;left:48px;z-index:1;}.login-brand-footer span{font-size:12px;color:rgba(255,255,255,0.3);}.login-form-wrap{width:480px;min-width:480px;background:var(--bg);display:flex;flex-direction:column;justify-content:center;padding:64px 56px;}.login-form-title{font-family:var(--font-heading);font-size:22px;font-weight:700;margin-bottom:6px;}.login-form-sub{font-size:14px;color:var(--muted);margin-bottom:32px;}.login-field{margin-bottom:20px;}.login-label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;}.login-input{width:100%;padding:12px 16px;font-size:15px;border:1.5px solid var(--border);border-radius:12px;background:var(--bg);color:var(--fg);font-family:inherit;box-sizing:border-box;transition:border-color 0.2s,box-shadow 0.2s;}.login-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(26,86,219,0.1);}.login-input.error{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,0.08);}.login-error{font-size:12px;color:#dc2626;margin-top:6px;display:none;}.login-btn{width:100%;padding:13px;font-size:15px;font-weight:600;border:none;border-radius:12px;background:var(--accent);color:#fff;cursor:pointer;font-family:inherit;margin-top:8px;transition:transform 0.15s,box-shadow 0.15s;}.login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(26,86,219,0.3);}.login-btn:active{transform:translateY(0);}.login-footer-text{text-align:center;margin-top:24px;font-size:12px;color:var(--muted);}@media (max-width:900px){.login-brand{display:none;}.login-form-wrap{width:100%;min-width:unset;padding:40px 24px;}}.audit-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;border:1.5px solid var(--accent);border-radius:var(--radius);background:transparent;color:var(--accent);cursor:pointer;transition:background 0.15s,color 0.15s;}.audit-btn:hover{background:var(--accent);color:#fff;}.audit-btn:disabled{opacity:0.5;cursor:wait;}.audit-btn svg{width:14px;height:14px;}.audit-settings-btn{padding:6px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer;transition:color 0.15s;}.audit-settings-btn:hover{color:var(--fg);}.audit-toolbar{display:flex;align-items:center;gap:8px;margin-top:16px;margin-bottom:8px;}.audit-results-wrap{margin-top:8px;margin-bottom:16px;}.audit-results-list{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--card-bg,#F1F1F4);border-radius:var(--radius);}[data-theme="dark"] .audit-results-list{background:var(--surface);}.audit-result-item{display:flex;align-items:baseline;gap:8px;font-size:13px;line-height:1.5;}.audit-icon{flex-shrink:0;width:18px;text-align:center;}.audit-check{font-weight:600;color:var(--fg);min-width:120px;}.audit-msg{color:var(--muted);}.audit-summary{margin-top:8px;font-size:12px;color:var(--muted);}.audit-summary-pass{color:var(--status-pass,#16a34a);font-weight:600;}.audit-summary-warn{color:var(--status-warn,#d97706);font-weight:600;}.audit-summary-fail{color:var(--status-fail,#dc2626);font-weight:600;}.audit-loading{font-size:13px;color:var(--muted);padding:12px;}.audit-error{font-size:13px;color:var(--status-fail,#dc2626);padding:12px;}.audit-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;}.audit-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}.audit-modal-content{position:relative;width:400px;max-width:90vw;background:var(--bg);border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,0.2);overflow:hidden;}.audit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);}.audit-modal-header strong{font-size:15px;}.audit-modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted);padding:0 4px;}.audit-modal-body{padding:20px;}.audit-modal-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--fg);}.audit-modal-input{width:100%;padding:8px 12px;font-size:14px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);box-sizing:border-box;}.audit-modal-input:focus{outline:none;border-color:var(--accent);}.audit-modal-hint{font-size:12px;color:var(--muted);margin-top:6px;}.audit-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border);}.audit-modal-btn-secondary{padding:6px 16px;font-size:13px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--fg);cursor:pointer;}.audit-modal-btn-primary{padding:6px 16px;font-size:13px;font-weight:600;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;}.code-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin:0 0 12px;}.code-card{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px;}.code-card-header{padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;}.code-card-header h3{font-size:15px;font-weight:600;margin:0;color:var(--text);}.code-card-header p{font-size:12px;color:var(--text-2);margin:2px 0 0;}.code-card-body{padding:0;}.code-block-wrap{position:relative;margin:8px 0 16px;}.code-block-wrap:last-child{margin-bottom:0;}pre.code-snippet{background:#F1F1F4;border:1px solid var(--border);border-radius:8px;padding:16px 20px;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;overflow-x:hidden;color:var(--text);white-space:pre-wrap;word-wrap:break-word;tab-size:4;margin:0;}pre.code-snippet .kw{color:#AF3EBB;}pre.code-snippet .fn{color:#005CE5;}pre.code-snippet .str{color:#0A8754;}pre.code-snippet .cmt{color:var(--muted);font-style:italic;}pre.code-snippet .typ{color:#D97706;}pre.code-snippet .prp{color:#0369A1;}[data-theme="dark"] pre.code-snippet .kw{color:#C084FC;}[data-theme="dark"] pre.code-snippet .fn{color:#60A5FA;}[data-theme="dark"] pre.code-snippet .str{color:#34D399;}[data-theme="dark"] pre.code-snippet .typ{color:#FBBF24;}[data-theme="dark"] pre.code-snippet .prp{color:#38BDF8;}.code-copy-btn{position:absolute;top:8px;right:8px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text-2);cursor:pointer;font-family:inherit;transition:background 0.15s;}.code-copy-btn:hover{background:var(--surface);}.code-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:0.04em;}.platform-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px;}.platform-tab{padding:8px 16px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;border:none;border-bottom:2px solid transparent;background:none;font-family:inherit;transition:color 0.15s,border-color 0.15s;}.platform-tab.active{color:var(--accent);border-bottom-color:var(--accent);}.platform-tab:hover{color:var(--text);}.platform-panel{display:none;}.platform-panel.active{display:block;}.code-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}@media (max-width:640px){.code-grid-2{grid-template-columns:1fr;}}.file-path{font-family:var(--font-mono);font-size:11px;color:var(--muted);background:var(--surface);padding:2px 8px;border-radius:4px;display:inline-block;}.code-note{display:flex;gap:10px;padding:12px 16px;border-radius:8px;font-size:12px;line-height:1.5;margin:12px 0;}.code-note strong{flex-shrink:0;}.code-note-warn{background:var(--refine-bg);color:var(--refine-fg);}.code-note-info{background:var(--accent-light);color:var(--accent);}[data-theme="dark"] .code-note-info{background:rgba(107,154,239,0.1);color:var(--accent);}.code-divider{height:1px;background:var(--border);margin:20px 0;}.badge-planned{background:var(--refine-bg);color:var(--refine-fg);}.badge-ios{background:#E0E7FF;color:#3730A3;}.badge-android{background:#DCFCE7;color:#166534;}[data-theme="dark"] .badge-ios{background:#312E81;color:#A5B4FC;}[data-theme="dark"] .badge-android{background:#064E3B;color:#6EE7B7;}.guideline-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}@media (max-width:640px){.guideline-row{grid-template-columns:1fr;}}.guideline-do,.guideline-dont{padding-left:12px;border-radius:0;}.guideline-do{border-left:3px solid var(--ready-fg);}.guideline-dont{border-left:3px solid var(--rework-fg);}.guideline-do h4,.guideline-dont h4{font-size:12px;font-weight:700;margin:0 0 4px;}.guideline-do h4{color:var(--ready-fg);}.guideline-dont h4{color:var(--rework-fg);}.guideline-do p,.guideline-dont p{font-size:13px;color:var(--text-2);margin:0;line-height:1.5;}.eb-preview-stack--row{flex-direction:row;flex-wrap:wrap;align-items:flex-start;}.eb-preview-ccard__banner-img,.eb-preview-cdcard__banner-img,.eb-preview-cit__hero,.eb-preview-ccc__hero,.eb-preview-csi__hero{position:relative;background:linear-gradient(135deg,#C9D2E0 0%,#97A5BF 100%);}.eb-preview-ccard__banner-img::after,.eb-preview-cdcard__banner-img::after,.eb-preview-cit__hero::after,.eb-preview-ccc__hero::after,.eb-preview-csi__hero::after{content:'Replace me';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#B84B4B;color:#fff;font-family:var(--font-body);font-size:11px;font-weight:700;padding:4px 10px;border-radius:2px;white-space:nowrap;pointer-events:none;}.eb-preview-ccard{display:flex;flex-direction:column;width:140px;font-family:var(--font-body);}.eb-preview-ccard__banner{position:relative;width:140px;height:140px;border-radius:4px;overflow:hidden;}.eb-preview-ccard__banner-img{position:absolute;inset:0;}.eb-preview-ccard__banner-dimmer{position:absolute;inset:0;background:#E6E1EF;mix-blend-mode:multiply;opacity:0.4;}.eb-preview-ccard__banner-shadow{position:absolute;left:0;right:0;bottom:0;height:73px;background:linear-gradient(0deg,rgba(4,5,6,1) 0%,rgba(4,5,6,0) 100%);mix-blend-mode:multiply;opacity:0.4;pointer-events:none;}.eb-preview-ccard__banner-icon{position:absolute;left:12px;bottom:12px;width:30px;height:30px;border-radius:999px;background:#005CE5;display:flex;align-items:center;justify-content:center;}.eb-preview-ccard__banner-icon svg{width:16px;height:16px;color:#fff;}.eb-preview-ccard__banner--skeleton{background:#EEF2F9;}.eb-preview-ccard__content{display:flex;flex-direction:column;padding-top:12px;}.eb-preview-ccard__content--skeleton{padding-top:16px;gap:12px;}.eb-preview-ccard__title{font-family:inherit;font-size:18px;font-weight:700;line-height:23px;color:#2340A9;margin:0;}.eb-preview-ccard__desc{margin:4px 0 0;font-size:12px;line-height:18px;color:#6780A9;font-weight:600;}.eb-preview-ccard__sk{background:#EEF2F9;border-radius:4px;}.eb-preview-ccard__sk--title{height:16px;width:100%;}.eb-preview-ccard__sk--desc{height:10px;width:100%;}.eb-preview-ccard__sk--desc2{height:10px;width:97px;}.eb-preview-cdcard{position:relative;display:flex;flex-direction:column;width:140px;background:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(2,14,34,0.08);overflow:hidden;font-family:var(--font-body);}.eb-preview-cdcard__banner{position:relative;width:100%;height:140px;overflow:hidden;}.eb-preview-cdcard__banner-img{position:absolute;inset:0;}.eb-preview-cdcard__violator{position:absolute;top:8px;right:8px;background:#005CE5;color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:4px;z-index:2;}.eb-preview-cdcard__perforate{position:absolute;left:0;right:0;bottom:0;height:10px;background:radial-gradient(circle at 0 50%,transparent 5px,#fff 5.5px),radial-gradient(circle at 100% 50%,transparent 5px,#fff 5.5px);pointer-events:none;}.eb-preview-cdcard__content{display:flex;flex-direction:column;padding:12px;gap:8px;}.eb-preview-cdcard__label{font-size:14px;font-weight:700;color:#0A2757;line-height:18px;}.eb-preview-cdcard__value{font-size:16px;font-weight:700;color:#005CE5;}.eb-preview-cdcard--skeleton{box-shadow:none;background:transparent;}.eb-preview-cdcard__sk-banner{height:140px;background:#EEF2F9;border-radius:4px;}.eb-preview-cdcard__sk-content{padding-top:12px;display:flex;flex-direction:column;gap:8px;}.eb-preview-cdcard__sk{background:#EEF2F9;border-radius:4px;}.eb-preview-cdcard__sk--title{height:14px;width:90%;}.eb-preview-cdcard__sk--amount{height:14px;width:50%;}.eb-preview-cit,.eb-preview-ccc,.eb-preview-csi{position:relative;display:flex;flex-direction:row-reverse;align-items:stretch;width:312px;height:160px;border-radius:12px;overflow:hidden;font-family:var(--font-body);box-shadow:0 4px 12px rgba(2,14,34,0.08);}.eb-preview-csi{height:146px;}.eb-preview-cit--bg-dark,.eb-preview-ccc--bg-dark,.eb-preview-csi--bg-dark{background:linear-gradient(135deg,#2F78F5 0%,#105BE5 100%);color:#fff;}.eb-preview-cit--bg-light,.eb-preview-ccc--bg-light,.eb-preview-csi--bg-light{background:linear-gradient(135deg,#FFE7D3 0%,#FCC8AE 100%);color:#0A2757;}.eb-preview-cit--side,.eb-preview-csi-side{opacity:0.8;transform:scale(0.97);transform-origin:center;}.eb-preview-cit__content,.eb-preview-ccc__content{flex:1;min-width:0;display:flex;flex-direction:column;padding:20px;gap:6px;justify-content:flex-start;}.eb-preview-cit__preamble,.eb-preview-ccc__preamble{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;opacity:0.7;}.eb-preview-cit__heading,.eb-preview-ccc__heading{font-size:18px;font-weight:700;line-height:22px;margin:0;}.eb-preview-cit__heading--light,.eb-preview-ccc__heading--light{color:#fff;}.eb-preview-cit__desc,.eb-preview-ccc__desc{font-size:12px;line-height:16px;margin:0;opacity:0.85;}.eb-preview-cit__link,.eb-preview-ccc__action,.eb-preview-ccc__action-label{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;margin-top:auto;}.eb-preview-cit__chev,.eb-preview-ccc__chevron{width:12px;height:12px;}.eb-preview-cit__icon,.eb-preview-ccc__icon-dot{width:24px;height:24px;border-radius:999px;background:rgba(255,255,255,0.4);margin-bottom:4px;}.eb-preview-cit__hero,.eb-preview-ccc__hero,.eb-preview-csi__hero{width:150px;flex-shrink:0;align-self:stretch;}.eb-preview-cit__hero--dark,.eb-preview-ccc__hero--dark{filter:saturate(1.1);}.eb-preview-cit-strip{display:grid;grid-template-columns:repeat(auto-fit,312px);gap:16px;}.eb-preview-progress-bar{position:relative;display:block;height:4px;border-radius:999px;overflow:hidden;background:transparent;}.eb-preview-progress-bar__track{position:absolute;inset:0;background:#E5EBF4;border-radius:999px;}.eb-preview-progress-bar__fill{position:absolute;inset:0 auto 0 0;border-radius:999px;transition:width 0.25s ease,background 0.15s ease;}.eb-preview-progress-bar__indeterminate{position:absolute;top:0;bottom:0;left:0;width:30%;border-radius:999px;animation:eb-progress-indeterminate 1.4s ease-in-out infinite;}@keyframes eb-progress-indeterminate{0%{left:-30%;width:30%;}50%{left:40%;width:40%;}100%{left:100%;width:30%;}}.eb-preview-stack--gap-xs{gap:4px;}.eb-preview-stack--start{align-items:flex-start;}[data-theme="dark"] .eb-preview-progress-bar__track{background:rgba(255,255,255,0.1);}.eb-preview-bnr{display:block;width:360px;max-width:100%;font-family:var(--font-body);}.eb-preview-bnr--full .eb-preview-bnr__card{padding:16px 20px;border-radius:0;}.eb-preview-bnr--container .eb-preview-bnr__card{padding:16px;border-radius:12px;border:1px dashed rgba(0,86,214,0.35);}.eb-preview-bnr__card{display:flex;align-items:center;gap:16px;background:#E3EEFE;min-height:120px;box-sizing:border-box;}.eb-preview-bnr--img-left .eb-preview-bnr__card{flex-direction:row;}.eb-preview-bnr--img-right .eb-preview-bnr__card{flex-direction:row-reverse;}.eb-preview-bnr__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}.eb-preview-bnr__preamble{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:#6780A9;}.eb-preview-bnr__heading{font-size:16px;font-weight:700;line-height:20px;color:#0A2757;}.eb-preview-bnr__desc{font-size:12px;line-height:16px;color:#3C4A5C;}.eb-preview-bnr__link{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:13px;font-weight:700;color:#005CE5;}.eb-preview-bnr__link svg{width:12px;height:12px;}.eb-preview-bnr__asset{position:relative;width:88px;height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}.eb-preview-bnr__asset-disk{position:absolute;inset:0;border-radius:999px;background:radial-gradient(circle at 35% 35%,#7AA8F7 0%,#3F7BE3 60%,#1D5BCC 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.35);}.eb-preview-bnr__asset-chip{position:relative;background:#B84B4B;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:2px;white-space:nowrap;}.eb-preview-bnr__asset--icon{width:24px;height:24px;align-self:flex-start;}.eb-preview-bnr__asset--icon .eb-preview-bnr__asset-disk,.eb-preview-bnr__asset--icon .eb-preview-bnr__asset-chip{display:none;}.eb-preview-bnr__icon-dot{width:24px;height:24px;border-radius:999px;background:#C2C6CF;}.eb-preview-bnr-strip{display:grid;grid-template-columns:repeat(auto-fit,360px);gap:16px;}.eb-preview-adspace{position:relative;display:flex;flex-direction:column;background:#F6F9FD;border:1px solid #E5EBF4;border-radius:4px;overflow:hidden;font-family:var(--font-body);}.eb-preview-adspace--banner-sm{width:320px;height:50px;}.eb-preview-adspace--banner-lg{width:320px;height:100px;}.eb-preview-adspace--banner-mrec{width:300px;height:250px;}.eb-preview-adspace--promo-sm{width:131px;height:126px;border-radius:6px;}.eb-preview-adspace--promo-md{width:224px;height:200px;border-radius:8px;}.eb-preview-adspace--hero-sm{width:296px;height:174px;border-radius:8px;}.eb-preview-adspace--hero-md{width:336px;height:174px;border-radius:8px;}.eb-preview-adspace__banner-fill{flex:1;background:linear-gradient(135deg,#D7E0EE 0%,#B7C5DD 100%);display:flex;align-items:center;justify-content:center;color:#3C4A5C;font-weight:700;font-size:12px;letter-spacing:0.04em;position:relative;}.eb-preview-adspace__banner-dim{position:absolute;inset:0;background:rgba(10,39,87,0.04);pointer-events:none;}.eb-preview-adspace__banner-label{position:absolute;top:4px;right:6px;font-size:9px;font-weight:700;color:rgba(10,39,87,0.45);background:rgba(255,255,255,0.7);padding:1px 4px;border-radius:2px;letter-spacing:0.06em;}.eb-preview-adspace__image{position:relative;background:linear-gradient(135deg,#C9D2E0 0%,#97A5BF 100%);flex-shrink:0;}.eb-preview-adspace__image--full{flex:1;}.eb-preview-adspace--promo-sm .eb-preview-adspace__image{height:98px;}.eb-preview-adspace--promo-md .eb-preview-adspace__image{height:152px;}.eb-preview-adspace--hero-sm .eb-preview-adspace__image,.eb-preview-adspace--hero-md .eb-preview-adspace__image{flex:1;}.eb-preview-adspace__image-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#B84B4B;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:2px;white-space:nowrap;}.eb-preview-adspace__caption{font-size:12px;font-weight:600;color:#0A2757;line-height:14px;}.eb-preview-adspace__caption--below{padding:8px 10px;background:#fff;}.eb-preview-adspace__caption--overlay{position:absolute;left:12px;right:12px;bottom:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.4);}.eb-preview-adspace--loading .eb-preview-adspace__image,.eb-preview-adspace--loading .eb-preview-adspace__banner-fill{background:#EEF2F9;}.eb-preview-adspace--loading .eb-preview-adspace__image-label,.eb-preview-adspace--loading .eb-preview-adspace__banner-label,.eb-preview-adspace--loading .eb-preview-adspace__caption{display:none;}.eb-preview-adspace__skeleton{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.6) 50%,transparent 100%);animation:eb-skeleton-shimmer 1.4s ease-in-out infinite;}@keyframes eb-skeleton-shimmer{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}.rail-shell{display:none;}.glass-toggle-float{position:fixed;bottom:20px;right:20px;z-index:200;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(15,23,42,0.1);background:#fff;border-radius:999px;font-size:12px;font-weight:500;color:var(--text-2);cursor:pointer;font-family:inherit;box-shadow:0 4px 20px rgba(15,23,42,0.08);transition:background 0.15s ease,color 0.15s ease,transform 0.15s ease;}.glass-toggle-float:hover{color:var(--text);transform:translateY(-1px);}[data-theme="dark"] .glass-toggle-float{background:#1e293b;border-color:rgba(255,255,255,0.12);color:var(--text-2);}[data-theme="dark"] .glass-toggle-float:hover{color:var(--text);}body.rail-nav .glass-toggle-float{background:#0A1628;border-color:#0A1628;color:#fff;}body.rail-nav .sidebar{display:none !important;}body.rail-nav .rail-shell{display:flex;}body.rail-nav{background:#F7F9FD;}[data-theme="dark"] body.rail-nav{background:#0A1220;}body.rail-nav .main{margin-left:calc(16px + 328px + 16px);padding-top:16px;padding-right:16px;background:transparent;}.rail-shell{position:fixed;top:16px;left:16px;bottom:16px;width:328px;flex-direction:row;background:#F6F9FD;border-radius:12px;box-shadow:0 0 4px rgba(2,14,34,0.06),0 1px 3px rgba(2,14,34,0.04);overflow:hidden;z-index:100;}[data-theme="dark"] .rail-shell{background:#121a28;box-shadow:0 0 4px rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.2);}.rail-col{display:flex;flex-direction:column;align-items:center;width:80px;padding:16px 0 20px;flex-shrink:0;border-right:1px solid rgba(0,86,214,0.08);}[data-theme="dark"] .rail-col{border-right-color:rgba(255,255,255,0.06);}.rail-brand{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#DCE8FB;color:#0056D6;text-decoration:none;margin-bottom:20px;transition:background 0.12s ease;}.rail-brand:hover{background:#C9DAF7;}[data-theme="dark"] .rail-brand{background:rgba(255,255,255,0.08);}.rail-brand svg{width:18px;height:18px;}.rail-icons{display:flex;flex-direction:column;align-items:stretch;gap:4px;flex:1;width:100%;padding:0 4px;}.rail-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px 8px;border:none;background:transparent;color:var(--text);cursor:pointer;border-radius:12px;font-family:inherit;font-size:11px;font-weight:500;line-height:1;letter-spacing:-0.005em;transition:background 0.12s ease,color 0.12s ease;}.rail-btn:hover{background:rgba(0,86,214,0.06);}.rail-btn-icon{display:flex;align-items:center;justify-content:center;width:56px;height:32px;border-radius:999px;color:inherit;transition:background 0.12s ease,color 0.12s ease;}.rail-btn svg{width:22px;height:22px;}.rail-btn.active .rail-btn-icon{background:#E3EDFE;color:#0056D6;}.rail-btn.active{color:var(--text);}.rail-btn-label{font-size:12px;color:var(--text-2);}.rail-btn.active .rail-btn-label{color:var(--text);font-weight:600;}[data-theme="dark"] .rail-btn:hover{background:rgba(255,255,255,0.04);}[data-theme="dark"] .rail-btn.active .rail-btn-icon{background:rgba(74,140,249,0.2);color:#6B9AEF;}.rail-footer{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:14px;margin-top:6px;border-top:1px solid rgba(0,86,214,0.08);width:40px;}[data-theme="dark"] .rail-footer{border-top-color:rgba(255,255,255,0.06);}.rail-panel{flex:1;display:flex;flex-direction:column;padding:16px 12px;overflow-y:auto;min-width:0;}.rail-view{display:none;flex-direction:column;gap:0;}.rail-view.active{display:flex;}.rail-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:transparent;border:none;border-radius:999px;font-family:inherit;font-size:14px;font-weight:400;color:var(--text);text-align:left;cursor:pointer;line-height:1.3;letter-spacing:-0.005em;transition:background 0.15s ease,color 0.15s ease;}.rail-item:hover{background:rgba(0,86,214,0.06);}.rail-item.active{background:#DCE8FB;color:#0056D6;font-weight:500;}[data-theme="dark"] .rail-item:hover{background:rgba(255,255,255,0.05);}[data-theme="dark"] .rail-item.active{background:rgba(74,140,249,0.2);color:#6B9AEF;}.rail-item-chevron{margin-left:auto;opacity:0.4;transition:transform 0.18s ease;}.rail-item.open>.rail-item-chevron{transform:rotate(0deg);}.rail-item:not(.open)>.rail-item-chevron{transform:rotate(-90deg);}.rail-group-list{display:none;flex-direction:column;gap:0;padding-left:0;}.rail-group-list.open{display:flex;}.rail-search-input{width:100%;margin:2px 0 10px;padding:9px 14px;background:rgba(0,86,214,0.06);border:1px solid transparent;border-radius:999px;font-family:inherit;font-size:14px;color:var(--text);outline:none;transition:border-color 0.15s ease,background 0.15s ease;}.rail-search-input::placeholder{color:var(--muted);}.rail-search-input:focus{background:#DCE8FB;border-color:rgba(0,86,214,0.4);}[data-theme="dark"] .rail-search-input{background:rgba(255,255,255,0.06);color:var(--text);}[data-theme="dark"] .rail-search-input:focus{background:rgba(255,255,255,0.1);border-color:rgba(107,154,239,0.5);}.rail-section-label{font-size:10px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--muted);padding:10px 10px 4px;}.rail-construction{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:40px 16px;text-align:center;color:var(--muted);background:rgba(0,86,214,0.04);border:1px dashed rgba(0,86,214,0.15);border-radius:8px;margin:8px 4px;}.rail-construction-title{font-size:13px;font-weight:600;color:var(--text);}.rail-construction-desc{font-size:11px;color:var(--muted);line-height:1.4;}[data-theme="dark"] .rail-construction{background:rgba(255,255,255,0.02);border-color:rgba(255,255,255,0.08);}.rail-view-components .rail-item-root{font-weight:600;}body.rail-nav .rail-panel .nav-comp-name{font-size:16px;}body.rail-nav #rail-nav-host .nav-group-list{border-left:none;margin-left:0;padding-left:0;}@media (max-width:840px){body.rail-nav .rail-shell{display:none;}body.rail-nav .sidebar{display:flex !important;}body.rail-nav .main{margin-left:0;padding-top:0;padding-right:0;}}