html[data-ds="2"],[data-ds="2"],.dark [data-ds="2"][data-ds-theme="light"],html.dark[data-ds="2"] [data-ds-theme="light"]{
--background:#ffffff;
--background-secondary:#f6f7f9;
--background-card:#ffffff;
--foreground:#0b0f19;
--foreground-muted:#4a5261;
--foreground-light:#626c80;
--primary:#2563eb;
--primary-hover:#1d4ed8;
--primary-pressed:#1e40af;
--primary-foreground:#ffffff;
--primary-ink:#2563eb;
--primary-soft:#eef3fe;
--secondary:#f3f4f7;
--secondary-hover:#e9ebf0;
--secondary-foreground:#0b0f19;
--line:rgba(11,15,25,0.1);
--line-strong:rgba(11,15,25,0.2);
--border:var(--line);
--border-hover:var(--line-strong);
--success:#147a3a;
--success-muted:#effaf3;
--warning:#ad4f08;
--warning-muted:#fff8eb;
--error:#c81e1e;
--error-muted:#fef3f2;
--success-ink:#147a3a;
--warning-ink:#ad4f08;
--error-ink:#c81e1e;
--error-solid:#c81e1e;
--radius-sm:6px;
--radius-md:8px;
--radius-lg:12px;
--radius-xl:18px;
--radius-2xl:24px;
--radius-control:10px;
--shadow-xs:0 1px 2px rgba(11,15,25,0.05);
--shadow-sm:0 1px 2px rgba(11,15,25,0.06),0 2px 6px -1px rgba(11,15,25,0.06);
--shadow-md:0 2px 4px -1px rgba(11,15,25,0.06),0 8px 20px -6px rgba(11,15,25,0.1);
--shadow-lg:0 4px 8px -2px rgba(11,15,25,0.06),0 16px 40px -10px rgba(11,15,25,0.14);
--shadow-xl:0 8px 16px -4px rgba(11,15,25,0.08),0 28px 64px -16px rgba(11,15,25,0.2);
--ring-line:0 0 0 1px var(--line);
--ring-line-strong:0 0 0 1px var(--line-strong);
--shadow-control:var(--ring-line-strong),var(--shadow-xs);
--shadow-card:var(--ring-line),var(--shadow-sm);
--shadow-panel:var(--ring-line),var(--shadow-xl);
--focus:#2563eb;
--focus-ring:0 0 0 4px rgba(37,99,235,0.18);
--container:1200px;
--gutter:20px;
--space-section:clamp(56px,8vw,104px);
--space-block:clamp(32px,5vw,56px);
--dur:150ms;
--dur-slow:200ms;
--ease:cubic-bezier(0.2,0,0,1);
accent-color:var(--primary);
}
html.dark[data-ds="2"],.dark [data-ds="2"],[data-ds="2"].dark,[data-ds="2"] .dark{
--background:#0a0d12;
--background-secondary:#0f131a;
--background-card:#141922;
--foreground:#f2f4f7;
--foreground-muted:#a6afbd;
--foreground-light:#8a94a6;
--primary:#2563eb;
--primary-hover:#1d4ed8;
--primary-pressed:#1e40af;
--primary-foreground:#ffffff;
--primary-ink:#6ea8ff;
--primary-soft:#14233f;
--secondary:#1a202b;
--secondary-hover:#242b38;
--secondary-foreground:#f2f4f7;
--line:rgba(255,255,255,0.1);
--line-strong:rgba(255,255,255,0.2);
--border:var(--line);
--border-hover:var(--line-strong);
--success:#22c55e;
--success-muted:#052e16;
--warning:#f59e0b;
--warning-muted:#422006;
--error:#ef4444;
--error-muted:#450a0a;
--success-ink:#4ade80;
--warning-ink:#fbbf24;
--error-ink:#fca5a5;
--error-solid:#c81e1e;
--shadow-xs:0 1px 2px rgba(0,0,0,0.3);
--shadow-sm:0 1px 2px rgba(0,0,0,0.3),0 2px 6px -1px rgba(0,0,0,0.3);
--shadow-md:0 2px 4px -1px rgba(0,0,0,0.3),0 8px 20px -6px rgba(0,0,0,0.4);
--shadow-lg:0 4px 8px -2px rgba(0,0,0,0.3),0 16px 40px -10px rgba(0,0,0,0.5);
--shadow-xl:0 8px 16px -4px rgba(0,0,0,0.35),0 28px 64px -16px rgba(0,0,0,0.6);
--focus:#6ea8ff;
--focus-ring:0 0 0 4px rgba(110,168,255,0.24);
}
html.dark[data-ds="2"] :is(.text-primary,.hover\:text-primary:hover,.group:hover .group-hover\:text-primary),
.dark [data-ds="2"] :is(.text-primary,.hover\:text-primary:hover),
[data-ds="2"].dark :is(.text-primary,.hover\:text-primary:hover),
[data-ds="2"] .dark :is(.text-primary,.hover\:text-primary:hover){color:var(--primary-ink)}

[data-ds="2"] h1:not(.uppercase,.text-xs,.text-sm,[data-console] *,[class*="-theme"] *,[data-ds-skip] *){font-weight:680;letter-spacing:-0.03em;text-wrap:balance}
[data-ds="2"] h2:not(.uppercase,.text-xs,.text-sm,[data-console] *,[class*="-theme"] *,[data-ds-skip] *){font-weight:650;letter-spacing:-0.025em;text-wrap:balance}
[data-ds="2"] h3:not(.uppercase,.text-xs,.text-sm,[data-console] *,[class*="-theme"] *,[data-ds-skip] *){font-weight:620;letter-spacing:-0.015em}
[data-ds="2"] .container{max-width:var(--container);padding-left:var(--gutter);padding-right:var(--gutter)}
[data-ds="2"] ::selection{background:rgba(37,99,235,0.2)}
[data-ds="2"] .shadow-2xl{box-shadow:var(--shadow-xl)}

[data-ds="2"] :is(a,button,summary,[role="button"],[role="tab"],[role="menuitem"],[tabindex="0"]):focus-visible:not([class*="focus-visible:ring"],[class*="focus:ring"],[class*="focus-visible:outline"],[data-console] *){outline:2px solid var(--focus);outline-offset:2px}
[data-ds="2"] :is(input,textarea,select).border-border:hover:not(:focus,:disabled){border-color:var(--border-hover)}

@media (prefers-reduced-motion:no-preference){
[data-ds="2"] :is(a,button,summary,label,input,textarea,select,[role="button"]):is(.transition,.transition-all,.transition-colors,.transition-shadow,.transition-opacity):is(.duration-200,.duration-300,:not([class*="duration-"])){transition-duration:var(--dur);transition-timing-function:var(--ease)}
[data-ds="2"] :is([data-ui="button"],.ds-btn){transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}
[data-ds="2"] :is(.ds-input,.ds-card,.ds-navlink,.ds-link,.ds-seg button,.ds-check,.ds-switch,.ds-switch::after){transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}
}

[data-ds="2"] :is([data-ui="button"],.ds-btn){font-weight:600;letter-spacing:-0.006em}
[data-ds="2"] [data-ui="button"]:not(.rounded-full){border-radius:var(--radius-control)}
[data-ds="2"] [data-ui="button"][data-size="lg"]:not(.rounded-full){border-radius:var(--radius-lg)}
[data-ds="2"] :is([data-ui="button"],.ds-btn):is([data-variant="secondary"],[data-variant="outline"]){border-color:var(--line-strong)}
[data-ds="2"] :is([data-ui="button"],.ds-btn):is(:focus-visible,[data-force="focus"]){outline:2px solid var(--focus);outline-offset:2px;--tw-ring-shadow:0 0 #0000;--tw-ring-offset-shadow:0 0 #0000}
[data-ds="2"] :is([data-ui="button"],.ds-btn)[data-variant="gold"]:is(:focus-visible,[data-force="focus"]){outline-color:var(--gold-strong)}
[data-ds="2"] :is(.ds-btn:disabled,.ds-btn[aria-disabled="true"],[data-ui="button"][data-force="disabled"]){opacity:0.5;cursor:not-allowed;pointer-events:none}

[data-ds="2"] .ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;max-width:100%;padding:8px 20px;font-size:14px;line-height:20px;border:1px solid transparent;border-radius:var(--radius-control);cursor:pointer;text-decoration:none;text-align:center;overflow-wrap:anywhere;background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}
[data-ds="2"] .ds-btn[data-size="sm"]{min-height:36px;padding:6px 16px}
[data-ds="2"] .ds-btn[data-size="lg"]{min-height:48px;padding:10px 24px;font-size:16px;line-height:24px;border-radius:var(--radius-lg)}
[data-ds="2"] .ds-btn[data-block]{width:100%}
[data-ds="2"] .ds-btn[data-variant="secondary"]{background-color:var(--background);color:var(--foreground)}
[data-ds="2"] .ds-btn[data-variant="outline"]{background-color:transparent;color:var(--foreground-muted);box-shadow:none}
[data-ds="2"] .ds-btn[data-variant="ghost"]{background-color:transparent;color:var(--foreground-muted);box-shadow:none}
[data-ds="2"] .ds-btn[data-variant="gold"]{background-color:var(--gold);color:var(--gold-ink);box-shadow:inset 0 0 0 1px #d99a0b,0 4px 14px -4px rgba(146,88,10,0.45)}
[data-ds="2"] .ds-btn[data-variant="danger"]{background-color:var(--error-solid);color:#fff}
[data-ds="2"] :is(.ds-btn:hover,.ds-btn[data-force="hover"],[data-ui="button"][data-force="hover"]):is([data-variant="primary"],[data-variant="brand"],:not([data-variant])){background-color:var(--primary-hover)}
[data-ds="2"] :is(.ds-btn:active,.ds-btn[data-force="active"],[data-ui="button"][data-force="active"]):is([data-variant="primary"],[data-variant="brand"],:not([data-variant])){background-color:var(--primary-pressed)}
[data-ds="2"] :is(.ds-btn:hover,.ds-btn[data-force="hover"],[data-ui="button"][data-force="hover"])[data-variant="secondary"]{background-color:var(--secondary)}
[data-ds="2"] :is(.ds-btn:active,.ds-btn[data-force="active"],[data-ui="button"][data-force="active"])[data-variant="secondary"]{background-color:var(--secondary-hover)}
[data-ds="2"] :is(.ds-btn:hover,.ds-btn[data-force="hover"],[data-ui="button"][data-force="hover"]):is([data-variant="outline"],[data-variant="ghost"]){background-color:var(--secondary);color:var(--foreground)}
[data-ds="2"] :is(.ds-btn:active,.ds-btn[data-force="active"],[data-ui="button"][data-force="active"]):is([data-variant="outline"],[data-variant="ghost"]){background-color:var(--secondary-hover);color:var(--foreground)}
[data-ds="2"] :is(.ds-btn:hover,.ds-btn[data-force="hover"],[data-ui="button"][data-force="hover"])[data-variant="gold"]{background-color:var(--gold-hover)}
[data-ds="2"] :is(.ds-btn:hover,.ds-btn[data-force="hover"],[data-ui="button"][data-force="hover"])[data-variant="danger"]{filter:brightness(0.92)}
[data-ds="2"] :is(.ds-btn:active,.ds-btn[data-force="active"],[data-ui="button"][data-force="active"]){transform:scale(0.98)}
@media (pointer:coarse){[data-ds="2"] .ds-btn{min-height:44px}}

[data-ds="2"] [data-ui="card"]{box-shadow:var(--shadow-xs)}
[data-ds="2"] [data-ui="dialog"]{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}

[data-ds="2"] .ds-container{width:100%;max-width:var(--container);margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter)}
[data-ds="2"] .ds-section{padding-top:var(--space-section);padding-bottom:var(--space-section)}
[data-ds="2"] .ds-stack{display:flex;flex-direction:column;gap:var(--space-block)}
[data-ds="2"] .ds-h1{margin:0;font-size:clamp(2.25rem,5.2vw,4rem);line-height:1.04;font-weight:680;letter-spacing:-0.03em;color:var(--foreground);text-wrap:balance}
[data-ds="2"] .ds-h2{margin:0;font-size:clamp(1.75rem,3.4vw,2.75rem);line-height:1.1;font-weight:650;letter-spacing:-0.025em;color:var(--foreground);text-wrap:balance}
[data-ds="2"] .ds-h3{margin:0;font-size:1.25rem;line-height:1.3;font-weight:620;letter-spacing:-0.015em;color:var(--foreground)}
[data-ds="2"] .ds-lead{margin:0;font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.5;color:var(--foreground-muted)}
[data-ds="2"] .ds-body{margin:0;font-size:1rem;line-height:1.6;color:var(--foreground-muted)}
[data-ds="2"] .ds-small{margin:0;font-size:0.875rem;line-height:1.5;color:var(--foreground-muted)}
[data-ds="2"] .ds-caption{margin:0;font-size:0.75rem;line-height:1.4;color:var(--foreground-light)}
[data-ds="2"] .ds-eyebrow{margin:0;font-size:0.75rem;line-height:1.4;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--primary-ink)}
[data-ds="2"] .ds-link{color:var(--primary-ink);font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
[data-ds="2"] .ds-link:is(:hover,[data-force="hover"]){text-decoration-color:currentColor}

[data-ds="2"] .ds-field{display:flex;flex-direction:column;gap:6px;min-width:0}
[data-ds="2"] .ds-label{font-size:0.875rem;line-height:1.4;font-weight:550;color:var(--foreground)}
[data-ds="2"] .ds-hint{font-size:0.8125rem;line-height:1.4;color:var(--foreground-light)}
[data-ds="2"] .ds-field[data-invalid] .ds-hint{color:var(--error-ink)}
[data-ds="2"] .ds-input{display:block;width:100%;min-height:44px;padding:10px 14px;font:inherit;font-size:1rem;line-height:1.5;color:var(--foreground);background-color:var(--background);border:1px solid var(--line-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-xs);outline:none;appearance:none}
[data-ds="2"] textarea.ds-input{min-height:96px;resize:vertical}
[data-ds="2"] select.ds-input{padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
[dir="rtl"] [data-ds="2"] select.ds-input,[data-ds="2"][dir="rtl"] select.ds-input,[data-ds="2"] [dir="rtl"] select.ds-input{padding-right:14px;padding-left:40px;background-position:15px 50%,20px 50%}
[data-ds="2"] .ds-input::placeholder{color:var(--foreground-light);opacity:1}
[data-ds="2"] .ds-input:is(:hover,[data-force="hover"]):not(:disabled,:focus){border-color:var(--foreground-light)}
[data-ds="2"] .ds-input:is(:focus,[data-force="focus"]){border-color:var(--focus);box-shadow:var(--focus-ring)}
[data-ds="2"] :is(.ds-field[data-invalid] .ds-input,.ds-input[aria-invalid="true"]){border-color:var(--error)}
[data-ds="2"] :is(.ds-field[data-invalid] .ds-input,.ds-input[aria-invalid="true"]):is(:focus,[data-force="focus"]){box-shadow:0 0 0 4px rgba(200,30,30,0.18)}
[data-ds="2"] .ds-input:disabled{background-color:var(--secondary);color:var(--foreground-light);cursor:not-allowed;box-shadow:none}
[data-ds="2"] .ds-check{width:18px;height:18px;margin:0;flex:none;accent-color:var(--primary);cursor:pointer}
[data-ds="2"] .ds-choice{display:inline-flex;align-items:center;gap:10px;min-height:24px;font-size:0.9375rem;line-height:1.4;color:var(--foreground)}
[data-ds="2"] .ds-switch{position:relative;width:40px;height:24px;margin:0;flex:none;appearance:none;border-radius:9999px;background-color:var(--line-strong);cursor:pointer}
[data-ds="2"] .ds-switch::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:20px;height:20px;border-radius:9999px;background:#fff;box-shadow:0 1px 2px rgba(11,15,25,0.3)}
[data-ds="2"] .ds-switch:checked{background-color:var(--primary)}
[data-ds="2"] .ds-switch:checked::after{transform:translateX(16px)}
[dir="rtl"] [data-ds="2"] .ds-switch:checked::after,[data-ds="2"] [dir="rtl"] .ds-switch:checked::after{transform:translateX(-16px)}
[data-ds="2"] :is(.ds-check,.ds-switch):is(:focus-visible,[data-force="focus"]){outline:2px solid var(--focus);outline-offset:2px}
[data-ds="2"] :is(.ds-check,.ds-switch):disabled{opacity:0.5;cursor:not-allowed}

[data-ds="2"] .ds-card{background-color:var(--background-card);color:var(--foreground);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:24px;min-width:0}
[data-ds="2"] .ds-card[data-interactive]:is(:hover,[data-force="hover"]){box-shadow:var(--ring-line-strong),var(--shadow-md)}
[data-ds="2"] .ds-card[data-selected]{box-shadow:0 0 0 2px var(--primary),var(--shadow-md)}
[data-ds="2"] .ds-card[data-tone="tint"]{background-color:var(--background-secondary);box-shadow:none}
[data-ds="2"] .ds-panel{background-color:var(--background-card);color:var(--foreground);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);padding:clamp(24px,4vw,40px)}
[data-ds="2"] .ds-dialog{width:100%;max-width:448px;background-color:var(--background-card);color:var(--foreground);border-radius:var(--radius-2xl);box-shadow:var(--shadow-panel);padding:24px}
[data-ds="2"] .ds-scrim{background-color:rgba(11,15,25,0.45)}
[data-ds="2"] .ds-divider{height:1px;border:0;margin:0;background-color:var(--line)}

[data-ds="2"] .ds-badge{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 10px;font-size:0.75rem;line-height:1.4;font-weight:600;border-radius:9999px;background-color:var(--secondary);color:var(--foreground-muted);white-space:nowrap}
[data-ds="2"] .ds-badge[data-tone="brand"]{background-color:var(--primary-soft);color:var(--primary-ink)}
[data-ds="2"] .ds-badge[data-tone="solid"]{background-color:var(--primary);color:#fff}
[data-ds="2"] .ds-badge[data-tone="success"]{background-color:var(--success-muted);color:var(--success-ink)}
[data-ds="2"] .ds-badge[data-tone="warning"]{background-color:var(--warning-muted);color:var(--warning-ink)}
[data-ds="2"] .ds-badge[data-tone="error"]{background-color:var(--error-muted);color:var(--error-ink)}
[data-ds="2"] .ds-badge[data-tone="gold"]{background-color:var(--gold-soft);color:var(--gold-strong)}
[data-ds="2"] .ds-alert{display:flex;gap:12px;padding:14px 16px;font-size:0.9375rem;line-height:1.5;border-radius:var(--radius-lg);background-color:var(--secondary);color:var(--foreground);box-shadow:var(--ring-line)}
[data-ds="2"] .ds-alert[data-tone="success"]{background-color:var(--success-muted)}
[data-ds="2"] .ds-alert[data-tone="warning"]{background-color:var(--warning-muted)}
[data-ds="2"] .ds-alert[data-tone="error"]{background-color:var(--error-muted)}
[data-ds="2"] .ds-alert[data-tone="brand"]{background-color:var(--primary-soft)}

[data-ds="2"] .ds-table-wrap{border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background-color:var(--background-card);overflow-x:auto}
[data-ds="2"] .ds-table{width:100%;border-collapse:collapse;font-size:0.9375rem;line-height:1.5;color:var(--foreground)}
[data-ds="2"] .ds-table :is(th,td){padding:14px 18px;text-align:start;border-bottom:1px solid var(--line)}
[data-ds="2"] .ds-table thead th{font-size:0.8125rem;font-weight:600;color:var(--foreground-muted);background-color:var(--background-secondary)}
[data-ds="2"] .ds-table tbody tr:last-child :is(th,td){border-bottom:0}
[data-ds="2"] .ds-table tbody th{font-weight:550}
[data-ds="2"] .ds-table tbody tr:is(:hover,[data-force="hover"]){background-color:var(--background-secondary)}
[data-ds="2"] .ds-table tbody tr[data-selected]{background-color:var(--primary-soft)}

[data-ds="2"] .ds-seg{display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius-lg);background-color:var(--secondary);box-shadow:inset 0 0 0 1px var(--line)}
[data-ds="2"] .ds-seg button{min-height:36px;padding:0 16px;font:inherit;font-size:0.875rem;font-weight:600;color:var(--foreground-muted);background:transparent;border:0;border-radius:9px;cursor:pointer}
[data-ds="2"] .ds-seg button:is(:hover,[data-force="hover"]){color:var(--foreground)}
[data-ds="2"] .ds-seg button[aria-pressed="true"]{background-color:var(--background-card);color:var(--foreground);box-shadow:var(--ring-line),var(--shadow-xs)}
[data-ds="2"] .ds-navbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:56px;padding:8px var(--gutter);background-color:var(--background);box-shadow:0 1px 0 var(--line)}
[data-ds="2"] .ds-navlink{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;font-size:0.875rem;font-weight:500;color:var(--foreground-muted);border-radius:var(--radius-md);text-decoration:none}
[data-ds="2"] .ds-navlink:is(:hover,[data-force="hover"]){color:var(--foreground);background-color:var(--secondary)}
[data-ds="2"] .ds-navlink[aria-current="page"]{color:var(--foreground)}
[data-ds="2"] .ds-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:32px 24px;padding:32px var(--gutter);box-shadow:0 -1px 0 var(--line)}
[data-ds="2"] .ds-footer h4{margin:0 0 12px;font-size:0.8125rem;font-weight:600;color:var(--foreground)}
[data-ds="2"] .ds-footer a{display:block;padding:4px 0;font-size:0.875rem;color:var(--foreground-muted);text-decoration:none}
[data-ds="2"] .ds-footer a:is(:hover,[data-force="hover"]){color:var(--foreground)}
[data-ds="2"] [data-ui="section-title"]{font-size:clamp(1.75rem,3.4vw,2.75rem);line-height:1.1}
[data-ds="2"] [data-ui="section-title"][data-scale="page"]{font-size:clamp(1.5rem,4.2vw,2.25rem);line-height:1.15}
[data-ds="2"] [data-ui="filter-pill"][data-active="true"]{background-color:var(--primary)}
[data-ds="2"] [data-ui="filter-pill"][data-active="true"] span{color:#fff}
[data-ds="2"] [data-ui="eyebrow"]{color:var(--primary-ink)}
[data-ds="2"] [data-ui="decor"]{display:none}
[data-ds="2"] [data-ui="avatar"]{background-color:var(--primary-soft);color:var(--primary-ink)}
[data-ds="2"] [data-ui="timecode"]{color:var(--foreground-muted)}
[data-ds="2"] [data-ui="speaker-label"]{color:var(--primary-ink)}
[data-ds="2"] [data-ui="stat-value"]{font-weight:680;letter-spacing:-0.03em}
[data-ds="2"] [data-ui="stat-dot"]{background-color:var(--success)}
[data-ds="2"] [data-ui="hero-samples"]{gap:24px;align-items:stretch}
[data-ds="2"] [data-ui="hero-samples"]>div{transform:none}
[data-ds="2"] [data-ui="hero-samples"]>div>div{height:100%;background-color:var(--background-card);color:var(--foreground);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}
[data-ds="2"] [data-ui="hero-samples"] :is(.text-gray-500,.text-gray-600){color:var(--foreground-muted)}
[data-ds="2"] [data-ui="hero-samples"] :is(.border-gray-200,.border-sky-200){border-color:var(--line)}
[data-ds="2"] [data-ui="hero-samples"] :is(.bg-amber-300,.bg-sky-300){background-color:var(--primary-soft)}
[data-ds="2"] [data-ui="hero-samples"] .bg-sky-500{background-color:var(--primary)}
html[data-ds="2"]:not(.dark) [data-console]{--console-ink:#0b0f19;--console-ink-muted:#4a5261;--console-ink-faint:#5c6470}
html[data-ds="2"] [data-console]{--console-radius:12px}
html.dark[data-ds="2"] [data-console]{--console-accent:#6ea8ff;--console-accent-hover:#1d4ed8}
html.dark[data-ds="2"] [data-console] [class~="bg-[var(--console-accent)]"]:is([class~="text-[var(--console-accent-ink)]"],[class~="text-white"],[class~="border-[var(--console-accent)]"],[role="switch"]){background-color:#2563eb}
html.dark[data-ds="2"] [data-console] [class~="hover:bg-[var(--console-accent-hover)]"]:hover{background-color:#1d4ed8}
html.dark[data-ds="2"] [data-console] .group:hover [class~="group-hover:bg-[var(--console-accent)]"]{background-color:#2563eb}
html.dark[data-ds="2"] [data-console] [data-ui="count-badge"]{--console-accent:#2563eb}
html[data-ds="2"]{--speaker-0:#15803d;--speaker-1:#2563eb;--speaker-2:#9333ea;--speaker-3:#c2410c;--speaker-4:#0f766e;--speaker-5:#be185d}
html.dark[data-ds="2"]{--speaker-0:#4ade80;--speaker-1:#6ea8ff;--speaker-2:#c084fc;--speaker-3:#fb923c;--speaker-4:#2dd4bf;--speaker-5:#f472b6}
[data-ds="2"] [data-cut]{background-color:var(--error-muted);color:var(--error-ink);border-color:var(--line);text-decoration-color:currentColor}
[data-ds="2"] [data-ui="cut-count"]{background-color:var(--error-muted);color:var(--error-ink)}
[data-ds="2"] [data-ui="notice"]{border-color:var(--line)}
[data-ds="2"] [data-ui="notice"][data-tone="warning"]{background-color:var(--warning-muted);color:var(--warning-ink)}
[data-ds="2"] [data-ui="notice"][data-tone="error"]{background-color:var(--error-muted);color:var(--error-ink)}
[data-ds="2"] [data-ui="notice"] button{border-color:var(--line-strong)}
[data-ds="2"] [data-ui="notice"] button:hover{background-color:var(--background-card)}
[data-ds="2"] .ds-spinner{display:inline-block;width:16px;height:16px;flex:none;border-radius:9999px;border:2px solid currentColor;border-inline-end-color:transparent}
@media (prefers-reduced-motion:no-preference){[data-ds="2"] .ds-spinner{animation:ds-spin 0.7s linear infinite}}
@keyframes ds-spin{to{transform:rotate(360deg)}}