.ui-badge{--ui-badge-bg:var(--ui-color-surface);--ui-badge-fg:var(--ui-color-text-muted);align-items:center;gap:var(--ui-space-1);border-radius:var(--ui-radius-sm);background:var(--ui-badge-bg);color:var(--ui-badge-fg);font-family:var(--ui-font-body);font-size:var(--ui-text-xs);font-weight:var(--ui-weight-semibold);white-space:nowrap;padding:4px 10px;line-height:1.3;display:inline-flex}.ui-badge--accent{--ui-badge-bg:var(--ui-color-accent-soft);--ui-badge-fg:var(--ui-color-accent)}.ui-badge--success{--ui-badge-bg:var(--ui-color-success-soft);--ui-badge-fg:var(--ui-color-success)}.ui-badge--warning{--ui-badge-bg:var(--ui-color-warning-soft);--ui-badge-fg:var(--ui-color-warning)}.ui-badge--danger{--ui-badge-bg:var(--ui-color-danger-soft);--ui-badge-fg:var(--ui-color-danger)}.ui-badge__dot{border-radius:var(--ui-radius-full);background:currentColor;width:6px;height:6px}.ui-btn{--ui-btn-bg:var(--ui-color-accent);--ui-btn-fg:var(--ui-color-on-accent);--ui-btn-bg-hover:var(--ui-color-accent-hover);justify-content:center;align-items:center;gap:var(--ui-space-2);border-radius:var(--ui-radius-md);background:var(--ui-btn-bg);color:var(--ui-btn-fg);font-family:var(--ui-font-body);font-weight:var(--ui-weight-semibold);text-align:center;white-space:nowrap;cursor:pointer;transition:background var(--ui-duration-fast) var(--ui-ease-out), transform var(--ui-duration-fast) var(--ui-ease-spring), opacity var(--ui-duration-fast) var(--ui-ease-out);border:none;line-height:1.2;display:inline-flex}.ui-btn--sm{padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-text-sm)}.ui-btn--md{padding:var(--ui-space-3) var(--ui-space-5);font-size:var(--ui-text-md)}.ui-btn--lg{padding:var(--ui-space-4) var(--ui-space-6);font-size:var(--ui-text-md)}@media (width>=768px){.ui-btn--md{padding:var(--ui-space-2) var(--ui-space-4);font-size:var(--ui-text-sm)}.ui-btn--lg{padding:var(--ui-space-3) var(--ui-space-5)}}.ui-btn--secondary{--ui-btn-bg:var(--ui-color-surface);--ui-btn-fg:var(--ui-color-text);--ui-btn-bg-hover:var(--ui-color-accent-soft)}.ui-btn--ghost{--ui-btn-bg:transparent;--ui-btn-fg:var(--ui-color-accent);--ui-btn-bg-hover:var(--ui-color-accent-soft)}.ui-btn--danger{--ui-btn-bg:var(--ui-color-surface);--ui-btn-fg:#e5484d;--ui-btn-bg-hover:var(--ui-color-surface)}.ui-btn--full{width:100%;display:flex}@media (hover:hover){.ui-btn:hover:not(:disabled){background:var(--ui-btn-bg-hover)}}.ui-btn:active:not(:disabled){transform:scale(.97)}.ui-btn:focus-visible{outline:2px solid var(--ui-color-accent);outline-offset:2px}.ui-btn:disabled{opacity:.45;cursor:not-allowed}.ui-btn[data-loading]{cursor:progress}.ui-btn__icon{flex-shrink:0;align-items:center;display:inline-flex}.ui-card{border-radius:var(--ui-radius-lg);background:var(--ui-color-surface-raised);width:100%;box-shadow:var(--ui-shadow-card);color:var(--ui-color-text);font-family:var(--ui-font-body);font-size:var(--ui-text-sm);text-align:left;border:none;display:block}.ui-card--pad-none{padding:0}.ui-card--pad-sm{padding:var(--ui-space-3)}.ui-card--pad-md{padding:var(--ui-space-4)}.ui-card--pad-lg{padding:var(--ui-space-6)}.ui-card--interactive{cursor:pointer;transition:transform var(--ui-duration-fast) var(--ui-ease-spring)}.ui-card--interactive:active{transform:scale(.985)}.ui-card--interactive:focus-visible{outline:2px solid var(--ui-color-accent);outline-offset:2px}.ui-card-row{align-items:center;gap:var(--ui-space-3);width:100%;padding:var(--ui-space-3) var(--ui-space-4);border:none;border-bottom:1px solid var(--ui-color-border);color:inherit;font-family:var(--ui-font-body);font-size:var(--ui-text-sm);text-align:left;background:0 0;display:flex}.ui-card-row:last-child{border-bottom:none}button.ui-card-row{cursor:pointer}.ui-card-row__body{flex:1;min-width:0}.ui-card-row__chevron{color:var(--ui-color-text-muted);opacity:.6;flex-shrink:0}.ui-icon-btn{--ui-icon-btn-bg:var(--ui-color-surface);--ui-icon-btn-fg:var(--ui-color-text);border-radius:var(--ui-radius-md);background:var(--ui-icon-btn-bg);color:var(--ui-icon-btn-fg);cursor:pointer;transition:background var(--ui-duration-fast) var(--ui-ease-out), transform var(--ui-duration-fast) var(--ui-ease-spring);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ui-icon-btn--round{border-radius:var(--ui-radius-full)}.ui-icon-btn--sm{width:32px;height:32px}.ui-icon-btn--md{width:40px;height:40px}.ui-icon-btn--lg{width:48px;height:48px}.ui-icon-btn--plain{--ui-icon-btn-bg:transparent}.ui-icon-btn--accent{--ui-icon-btn-bg:var(--ui-color-accent);--ui-icon-btn-fg:var(--ui-color-on-accent)}@media (hover:hover){.ui-icon-btn:hover:not(:disabled){background:var(--ui-color-accent-soft)}.ui-icon-btn--accent:hover:not(:disabled){background:var(--ui-color-accent-hover)}}.ui-icon-btn:active:not(:disabled){transform:scale(.94)}.ui-icon-btn:focus-visible{outline:2px solid var(--ui-color-accent);outline-offset:2px}.ui-icon-btn:disabled{opacity:.45;cursor:not-allowed}.ui-field{gap:var(--ui-space-1);font-family:var(--ui-font-body);flex-direction:column;display:flex}.ui-field__label{font-size:var(--ui-text-xs);font-weight:var(--ui-weight-semibold);color:var(--ui-color-text-muted)}.ui-field__control{align-items:center;gap:var(--ui-space-2);padding:0 var(--ui-space-3);border-radius:var(--ui-radius-md);background:var(--ui-color-surface);transition:border-color var(--ui-duration-fast) var(--ui-ease-out);border:1.5px solid #0000;display:flex}.ui-field__control:focus-within{border-color:var(--ui-color-accent)}.ui-field[data-invalid] .ui-field__control{border-color:var(--ui-color-danger)}.ui-field__input{min-width:0;padding:var(--ui-space-3) 0;color:var(--ui-color-text);font-family:inherit;font-size:var(--ui-text-md);background:0 0;border:none;flex:1;line-height:1.3}.ui-field__input:focus{outline:none}.ui-field__input::placeholder{color:var(--ui-color-text-muted)}.ui-field__input:disabled{cursor:not-allowed;opacity:.55}.ui-field__input--multiline{resize:vertical;line-height:var(--ui-leading-normal)}@media (width>=768px){.ui-field__input{padding:var(--ui-space-2) 0;font-size:var(--ui-text-sm)}}.ui-field__affix{color:var(--ui-color-text-muted);font-size:var(--ui-text-sm);flex-shrink:0;align-items:center;display:inline-flex}.ui-field__message{font-size:var(--ui-text-xs);color:var(--ui-color-text-muted);margin:0}.ui-field[data-invalid] .ui-field__message{color:var(--ui-color-danger)}.ui-overlay{z-index:var(--ui-z-overlay);display:flex;position:fixed;inset:0}.ui-overlay--sheet{justify-content:center;align-items:flex-end}.ui-overlay--modal{padding:var(--ui-space-4);justify-content:center;align-items:center}.ui-overlay__scrim{animation:ui-fade-in var(--ui-duration-base) var(--ui-ease-out);background:#0a0e1e73;position:absolute;inset:0}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ui-pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ui-sheet{z-index:var(--ui-z-sheet);border-radius:var(--ui-radius-xl) var(--ui-radius-xl) 0 0;background:var(--ui-color-surface-raised);width:100%;max-width:520px;max-height:85%;color:var(--ui-color-text);font-family:var(--ui-font-body);animation:ui-slide-up var(--ui-duration-slow) var(--ui-ease-out);flex-direction:column;display:flex;position:relative}.ui-sheet__handle{width:36px;height:4px;margin:var(--ui-space-2) auto 0;border-radius:var(--ui-radius-full);background:var(--ui-color-border-strong)}.ui-sheet__head{padding:var(--ui-space-4);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-text-lg);font-weight:var(--ui-weight-bold)}.ui-sheet__body{padding:var(--ui-space-4);overflow-y:auto}.ui-modal{z-index:var(--ui-z-sheet);border-radius:var(--ui-radius-xl);background:var(--ui-color-surface-raised);width:100%;max-height:90%;box-shadow:var(--ui-shadow-lg);color:var(--ui-color-text);font-family:var(--ui-font-body);animation:ui-pop-in var(--ui-duration-base) var(--ui-ease-out);flex-direction:column;display:flex;position:relative}.ui-modal--sm{max-width:380px}.ui-modal--md{max-width:520px}.ui-modal--lg{max-width:760px}.ui-modal__head{justify-content:space-between;align-items:center;gap:var(--ui-space-3);padding:var(--ui-space-4);border-bottom:1px solid var(--ui-color-border);display:flex}.ui-modal__title{font-size:var(--ui-text-lg);font-weight:var(--ui-weight-bold)}.ui-modal__body{padding:var(--ui-space-4);overflow-y:auto}.ui-modal__foot{justify-content:flex-end;gap:var(--ui-space-2);padding:var(--ui-space-4);border-top:1px solid var(--ui-color-border);display:flex}.ui-progress{--ui-progress-fill:var(--ui-color-accent);border-radius:var(--ui-radius-full);background:var(--ui-color-surface);width:100%;overflow:hidden}.ui-progress--sm{height:5px}.ui-progress--md{height:8px}.ui-progress--success{--ui-progress-fill:var(--ui-color-success)}.ui-progress__fill{border-radius:inherit;background:var(--ui-progress-fill);height:100%;transition:width var(--ui-duration-slow) var(--ui-ease-out)}.ui-stack{min-width:0;display:flex}.ui-stack--column{flex-direction:column}.ui-stack--row{flex-direction:row}.ui-stack--wrap{flex-wrap:wrap}.ui-stack--gap-1{gap:var(--ui-space-1)}.ui-stack--gap-2{gap:var(--ui-space-2)}.ui-stack--gap-3{gap:var(--ui-space-3)}.ui-stack--gap-4{gap:var(--ui-space-4)}.ui-stack--gap-5{gap:var(--ui-space-5)}.ui-stack--gap-6{gap:var(--ui-space-6)}.ui-stack--gap-8{gap:var(--ui-space-8)}.ui-stack--align-start{align-items:flex-start}.ui-stack--align-center{align-items:center}.ui-stack--align-end{align-items:flex-end}.ui-stack--align-stretch{align-items:stretch}.ui-stack--justify-start{justify-content:flex-start}.ui-stack--justify-center{justify-content:center}.ui-stack--justify-end{justify-content:flex-end}.ui-stack--justify-between{justify-content:space-between}.ui-divider{background:var(--ui-color-border);border:none;height:1px}.ui-divider--spacing-1{margin:var(--ui-space-1) 0}.ui-divider--spacing-2{margin:var(--ui-space-2) 0}.ui-divider--spacing-3{margin:var(--ui-space-3) 0}.ui-divider--spacing-4{margin:var(--ui-space-4) 0}.ui-divider--spacing-5{margin:var(--ui-space-5) 0}.ui-divider--spacing-6{margin:var(--ui-space-6) 0}.ui-divider--spacing-8{margin:var(--ui-space-8) 0}.ui-tabs{gap:var(--ui-space-1);font-family:var(--ui-font-body);display:flex}.ui-tabs__tab{color:var(--ui-color-text-muted);font-family:inherit;font-size:var(--ui-text-sm);font-weight:var(--ui-weight-semibold);cursor:pointer;white-space:nowrap;transition:background var(--ui-duration-fast) var(--ui-ease-out), color var(--ui-duration-fast) var(--ui-ease-out);background:0 0;border:none}.ui-tabs__tab:disabled{opacity:.4;cursor:not-allowed}.ui-tabs__tab:focus-visible{outline:2px solid var(--ui-color-accent);outline-offset:2px}.ui-tabs--segmented{padding:var(--ui-space-1);border-radius:var(--ui-radius-full);background:var(--ui-color-surface)}.ui-tabs--segmented .ui-tabs__tab{padding:var(--ui-space-2) var(--ui-space-4);border-radius:var(--ui-radius-full)}.ui-tabs--segmented .ui-tabs__tab[aria-selected=true]{background:var(--ui-color-accent);color:var(--ui-color-on-accent)}.ui-tabs--underline{gap:var(--ui-space-4);border-bottom:1px solid var(--ui-color-border)}.ui-tabs--underline .ui-tabs__tab{padding:var(--ui-space-3) 0;border-bottom:2px solid #0000;margin-bottom:-1px}.ui-tabs--underline .ui-tabs__tab[aria-selected=true]{border-bottom-color:var(--ui-color-accent);color:var(--ui-color-accent)}.ui-toasts{left:50%;bottom:var(--ui-space-6);gap:var(--ui-space-2);z-index:var(--ui-z-toast);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;transform:translate(-50%)}.ui-toast{--ui-toast-bg:var(--ui-color-text);--ui-toast-fg:var(--ui-color-text-inverse);max-width:calc(100vw - var(--ui-space-8));padding:var(--ui-space-3) var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-toast-bg);color:var(--ui-toast-fg);box-shadow:var(--ui-shadow-lg);font-family:var(--ui-font-body);font-size:var(--ui-text-sm);font-weight:var(--ui-weight-semibold);animation:ui-toast-in var(--ui-duration-base) var(--ui-ease-out)}.ui-toast--success{--ui-toast-bg:var(--ui-color-success);--ui-toast-fg:#fff}.ui-toast--warning{--ui-toast-bg:var(--ui-color-warning);--ui-toast-fg:#fff}.ui-toast--danger{--ui-toast-bg:var(--ui-color-danger);--ui-toast-fg:#fff}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--ui-color-accent:#4b7cf3;--ui-color-accent-hover:#3a68e8;--ui-color-accent-soft:#ebf0fe;--ui-color-on-accent:#fff;--ui-color-bg:#edf2ff;--ui-color-surface:#e4ecff;--ui-color-surface-raised:#fff;--ui-color-text:#1a1d2e;--ui-color-text-muted:#8892b0;--ui-color-text-inverse:#fff;--ui-color-border:#4a7cf31a;--ui-color-border-strong:#4a7cf33d;--ui-color-success:#16a34a;--ui-color-success-soft:#dcfce7;--ui-color-danger:#e5484d;--ui-color-danger-soft:#fee2e2;--ui-color-warning:#f59e0b;--ui-color-warning-soft:#fef3c7;--ui-shadow-card:0 2px 12px #4a7cf314, 0 0 0 1px #4a7cf30d;--ui-shadow-lg:0 24px 64px -12px #4a7cf347, 0 8px 24px -8px #4a7cf324;--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-space-6:24px;--ui-space-7:28px;--ui-space-8:32px;--ui-space-10:40px;--ui-space-12:48px;--ui-space-16:64px;--ui-radius-sm:10px;--ui-radius-md:14px;--ui-radius-lg:18px;--ui-radius-xl:24px;--ui-radius-full:999px;--ui-font-display:"Poppins", system-ui, sans-serif;--ui-font-body:"Nunito", system-ui, sans-serif;--ui-text-xs:12px;--ui-text-sm:14px;--ui-text-md:16px;--ui-text-lg:18px;--ui-text-xl:22px;--ui-text-2xl:28px;--ui-text-3xl:34px;--ui-leading-tight:1.2;--ui-leading-normal:1.45;--ui-leading-relaxed:1.6;--ui-weight-regular:400;--ui-weight-medium:500;--ui-weight-semibold:600;--ui-weight-bold:700;--ui-weight-extrabold:800;--ui-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ui-ease-out:cubic-bezier(.16, 1, .3, 1);--ui-ease-in-out:cubic-bezier(.65, 0, .35, 1);--ui-duration-fast:.12s;--ui-duration-base:.2s;--ui-duration-slow:.32s;--ui-duration-screen:.4s;--ui-z-dropdown:100;--ui-z-sticky:200;--ui-z-overlay:300;--ui-z-sheet:400;--ui-z-toast:500;--ui-z-tooltip:600}[data-theme=dark]{--ui-color-accent:#6b9bff;--ui-color-accent-hover:#4b7cf3;--ui-color-accent-soft:#1a2050;--ui-color-on-accent:#fff;--ui-color-bg:#0e1226;--ui-color-surface:#141830;--ui-color-surface-raised:#111526;--ui-color-text:#e8eeff;--ui-color-text-muted:#6878a8;--ui-color-text-inverse:#1a1d2e;--ui-color-border:#6b9bff1a;--ui-color-border-strong:#6b9bff3d;--ui-color-success:#4ade80;--ui-color-success-soft:#052e16;--ui-color-danger:#f87171;--ui-color-danger-soft:#450a0a;--ui-color-warning:#fbbf24;--ui-color-warning-soft:#451a03;--ui-shadow-card:0 2px 8px #00000080;--ui-shadow-lg:0 30px 80px -20px #000000e6, 0 8px 24px -8px #0009}*{box-sizing:border-box}body{background:var(--ui-color-bg);color:var(--ui-color-text);font-family:var(--ui-font-body);font-size:var(--ui-text-md);line-height:var(--ui-leading-normal);-webkit-font-smoothing:antialiased;margin:0}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sc-shell{grid-template-columns:1fr;min-height:100vh;display:grid}@media (width>=768px){.sc-shell{grid-template-columns:248px 1fr}}.sc-sidebar{gap:var(--ui-space-6);padding:var(--ui-space-6) var(--ui-space-5);background:var(--ui-color-surface-raised);box-shadow:var(--ui-shadow-card);flex-direction:column;display:flex}@media (width>=768px){.sc-sidebar{height:100vh;position:sticky;top:0}}.sc-brand{font-family:var(--ui-font-display);font-size:var(--ui-text-xl);font-weight:var(--ui-weight-extrabold);letter-spacing:-.02em;flex-direction:column;display:flex}.sc-brand-sub{font-family:var(--ui-font-body);font-size:var(--ui-text-xs);font-weight:var(--ui-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:.06em;text-transform:uppercase}.sc-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sc-nav-group{margin-top:var(--ui-space-4);margin-bottom:var(--ui-space-1);font-size:var(--ui-text-xs);font-weight:var(--ui-weight-bold);color:var(--ui-color-text-muted);letter-spacing:.06em;text-transform:uppercase}.sc-nav-link{padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-sm);color:var(--ui-color-text);font-size:var(--ui-text-sm);font-weight:var(--ui-weight-semibold);transition:background var(--ui-duration-fast) var(--ui-ease-out);text-decoration:none}@media (hover:hover){.sc-nav-link:hover{background:var(--ui-color-surface)}}.sc-nav-link.active{background:var(--ui-color-accent);color:var(--ui-color-on-accent)}.sc-theme-toggle{padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-sm);background:var(--ui-color-surface);color:var(--ui-color-text);font-family:var(--ui-font-body);font-size:var(--ui-text-sm);font-weight:var(--ui-weight-semibold);cursor:pointer;border:none}.sc-main{padding:var(--ui-space-6) var(--ui-space-5) var(--ui-space-16);min-width:0}@media (width>=768px){.sc-main{padding:var(--ui-space-12) var(--ui-space-10) var(--ui-space-16)}}.sc-page{max-width:880px}.sc-h1{margin:0 0 var(--ui-space-3);font-family:var(--ui-font-display);font-size:var(--ui-text-3xl);font-weight:var(--ui-weight-extrabold);line-height:var(--ui-leading-tight);letter-spacing:-.02em}.sc-h2{margin:var(--ui-space-12) 0 var(--ui-space-3);font-family:var(--ui-font-display);font-size:var(--ui-text-xl);font-weight:var(--ui-weight-bold);line-height:var(--ui-leading-tight)}.sc-h3{margin:0 0 var(--ui-space-1);font-size:var(--ui-text-lg);font-weight:var(--ui-weight-bold)}.sc-lead{margin:0 0 var(--ui-space-6);max-width:62ch;font-size:var(--ui-text-lg);color:var(--ui-color-text-muted)}.sc-note{margin:0 0 var(--ui-space-4);max-width:68ch;font-size:var(--ui-text-sm);color:var(--ui-color-text-muted)}.sc-list{padding-left:var(--ui-space-5);font-size:var(--ui-text-sm);color:var(--ui-color-text-muted);margin:0}.sc-list li{margin-bottom:var(--ui-space-2)}.sc-group{margin-bottom:var(--ui-space-8)}.sc-stats{gap:var(--ui-space-3);margin-bottom:var(--ui-space-6);flex-wrap:wrap;display:flex}.sc-stat{padding:var(--ui-space-4) var(--ui-space-5);border-radius:var(--ui-radius-lg);background:var(--ui-color-surface-raised);box-shadow:var(--ui-shadow-card);flex-direction:column;display:flex}.sc-stat b{font-family:var(--ui-font-display);font-size:var(--ui-text-2xl);font-weight:var(--ui-weight-extrabold);color:var(--ui-color-accent)}.sc-stat span{font-size:var(--ui-text-xs);color:var(--ui-color-text-muted)}.sc-token-grid{gap:var(--ui-space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.sc-token{align-items:center;gap:var(--ui-space-3);padding:var(--ui-space-3);border-radius:var(--ui-radius-md);background:var(--ui-color-surface-raised);box-shadow:var(--ui-shadow-card);display:flex}.sc-token-chip{border-radius:var(--ui-radius-sm);background:var(--ui-color-surface);flex-shrink:0;width:40px;height:40px}.sc-token-body{min-width:0}.sc-token-name{font-size:var(--ui-text-xs);font-weight:var(--ui-weight-semibold);word-break:break-all;display:block}.sc-token-values{gap:var(--ui-space-2);color:var(--ui-color-text-muted);font-size:11px;display:flex}.sc-token-dark:before{content:"· "}.sc-dim-list{flex-direction:column;gap:2px;display:flex}.sc-dim{align-items:center;gap:var(--ui-space-3);padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-sm);background:var(--ui-color-surface-raised);display:flex}.sc-dim .sc-token-name{flex:0 0 200px}.sc-dim-value{font-size:var(--ui-text-xs);color:var(--ui-color-text-muted);flex:none}.sc-dim-bar{border-radius:var(--ui-radius-full);background:var(--ui-color-accent);height:10px}.sc-demo{margin-bottom:var(--ui-space-6);border-radius:var(--ui-radius-lg);background:var(--ui-color-surface-raised);box-shadow:var(--ui-shadow-card);overflow:hidden}.sc-demo-head{justify-content:space-between;align-items:center;gap:var(--ui-space-3);padding:var(--ui-space-3) var(--ui-space-4);border-bottom:1px solid var(--ui-color-border);flex-wrap:wrap;display:flex}.sc-demo-title{font-size:var(--ui-text-sm);font-weight:var(--ui-weight-bold);margin:0}.sc-demo-controls{gap:var(--ui-space-1);flex-wrap:wrap;display:flex}.sc-chip{border-radius:var(--ui-radius-full);background:var(--ui-color-surface);color:var(--ui-color-text-muted);font-family:var(--ui-font-body);font-size:11px;font-weight:var(--ui-weight-semibold);cursor:pointer;border:none;padding:4px 10px}.sc-chip[data-active]{background:var(--ui-color-accent-soft);color:var(--ui-color-accent)}.sc-demo-stage{padding:var(--ui-space-6) var(--ui-space-4);background:var(--ui-color-bg);justify-content:center;display:flex}.sc-demo-canvas{width:100%;transition:width var(--ui-duration-base) var(--ui-ease-out)}.sc-source{border-top:1px solid var(--ui-color-border);position:relative}.sc-copy{top:var(--ui-space-3);right:var(--ui-space-3);border-radius:var(--ui-radius-full);background:var(--ui-color-surface);color:var(--ui-color-text-muted);font-family:var(--ui-font-body);font-size:11px;font-weight:var(--ui-weight-semibold);cursor:pointer;border:none;padding:4px 10px;position:absolute}.sc-code{padding:var(--ui-space-4);background:var(--ui-color-surface);border-radius:var(--ui-radius-md);font-size:var(--ui-text-xs);line-height:var(--ui-leading-relaxed);margin:0;overflow-x:auto}.sc-source .sc-code{border-radius:0}.sc-table-wrap{border-radius:var(--ui-radius-lg);background:var(--ui-color-surface-raised);box-shadow:var(--ui-shadow-card);overflow-x:auto}.sc-table{border-collapse:collapse;width:100%;font-size:var(--ui-text-sm)}.sc-table th{padding:var(--ui-space-3) var(--ui-space-4);border-bottom:1px solid var(--ui-color-border);color:var(--ui-color-text-muted);font-size:var(--ui-text-xs);font-weight:var(--ui-weight-bold);text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.sc-table td{padding:var(--ui-space-3) var(--ui-space-4);border-bottom:1px solid var(--ui-color-border);vertical-align:top}.sc-table tr:last-child td{border-bottom:none}.sc-table code{font-size:var(--ui-text-xs)}.sc-type{color:var(--ui-color-accent)}