@layer components{.sb{--bg-100:#fff;--bg-200:#fafafa;--g-100:#f2f2f2;--g-200:#ebebeb;--g-400:#eaeaea;--g-600:#a8a8a8;--g-700:#8f8f8f;--g-900:#4d4d4d;--g-1000:#171717;--a-100:#0000000d;--a-200:#00000015;--a-300:#0000001a;--a-400:#00000014;--a-500:#00000036;--t-1:var(--g-1000);--t-2:var(--g-900);--t-3:var(--g-700);--border:var(--a-400);--border-strong:var(--a-500);--hover:var(--a-100);--active:var(--a-200);--blue-100:#f0f7ff;--blue-400:#cae7ff;--blue-700:#006bff;--blue-900:#005ff2;--red-100:#ffeeef;--red-400:#ffd7d6;--red-700:#fc0035;--red-800:#ea001d;--red-900:#d8001b;--amber-100:#fff6de;--amber-400:#ffdc73;--amber-700:#ffae00;--amber-900:#aa4d00;--green-100:#ecfdec;--green-400:#b9f5bc;--green-700:#28a948;--green-900:#107d32;--focus:#006bff;--btn-primary-hover:#383838;--toast-bg:#171717;--toast-text:#fafafa;--shadow-card:0 2px 2px #0000000a;--shadow-menu:0 1px 1px #00000005,0 4px 8px -4px #0000000a,0 16px 24px -8px #0000000f;--shadow-modal:0 1px 1px #00000005,0 8px 16px -4px #0000000a,0 24px 32px -8px #0000000f;--ease:cubic-bezier(.175,.885,.32,1.1);font-family:var(--font-geist-sans),ui-sans-serif,system-ui,sans-serif;background:var(--bg-100);color:var(--t-1);font-size:13px;line-height:16px}.sb[data-theme=dark]{--bg-100:#000;--bg-200:#000;--g-100:#1a1a1a;--g-200:#1f1f1f;--g-400:#2e2e2e;--g-600:#878787;--g-700:#8f8f8f;--g-900:#a0a0a0;--g-1000:#ededed;--a-100:#ffffff12;--a-200:#ffffff17;--a-300:#ffffff21;--a-400:#ffffff24;--a-500:#ffffff3d;--blue-100:#06193a;--blue-400:#003674;--blue-700:#006efe;--blue-900:#47a8ff;--red-100:#330a11;--red-400:#6f101b;--red-700:#f13242;--red-800:#e2162a;--red-900:#ff565f;--amber-100:#2a1700;--amber-400:#5b3000;--amber-700:#ffae00;--amber-900:#ff9300;--green-100:#002608;--green-400:#004615;--green-700:#00ac3a;--green-900:#00ca50;--focus:#006efe;--btn-primary-hover:#ccc;--toast-bg:#ededed;--toast-text:#0a0a0a;--shadow-card:0 2px 2px #0000004d;--shadow-menu:0 0 0 1px var(--a-300),0 16px 24px -8px #00000080;--shadow-modal:0 0 0 1px var(--a-300),0 24px 32px -8px #0009}.sb ::selection{background:var(--blue-400);color:var(--t-1)}.sb :is(button,a,input,[role=button],label):focus-visible{box-shadow:0 0 0 2px var(--bg-100),0 0 0 4px var(--focus);outline:none}.sb-scroll{scrollbar-width:thin;scrollbar-color:var(--a-300)transparent}.sb-scroll::-webkit-scrollbar{width:8px;height:8px}.sb-scroll::-webkit-scrollbar-thumb{background:var(--a-300);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.sb-scroll::-webkit-scrollbar-track{background:0 0}.sb-btn{height:32px;color:var(--t-1);white-space:nowrap;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;line-height:16px;display:inline-flex}.sb-btn:disabled{background:var(--g-100);color:var(--g-700);cursor:not-allowed;border-color:#0000}.sb-btn-primary{background:var(--g-1000);color:var(--bg-100)}.sb-btn-primary:hover:not(:disabled){background:var(--btn-primary-hover)}.sb-btn-secondary{background:var(--bg-100);border-color:var(--border);color:var(--t-1)}.sb-btn-secondary:hover:not(:disabled){background:var(--bg-200);border-color:var(--border-strong)}.sb[data-theme=dark] .sb-btn-secondary:hover:not(:disabled){background:var(--a-100)}.sb-btn-ghost{color:var(--t-2)}.sb-btn-ghost:hover:not(:disabled){background:var(--hover);color:var(--t-1)}.sb-btn-sm{height:28px;padding:0 8px;font-size:12px}.sb-btn-lg{height:40px;padding:0 14px;font-size:14px}.sb-kbd{border:1px solid var(--border);background:var(--bg-100);min-width:18px;height:18px;color:var(--t-3);border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font-family:inherit;font-size:11px;font-weight:500;display:inline-flex}.sb-list{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.sb-list>*+*{border-top:1px solid var(--border)}.sb-row{text-align:left;width:100%;min-height:44px;transition:background .15s var(--ease);align-items:center;gap:12px;padding:6px 4px;display:flex}button.sb-row,label.sb-row,a.sb-row{cursor:pointer}:is(button,label,a).sb-row:hover{background:var(--hover)}.sb-nav{height:32px;color:var(--t-2);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease);-webkit-user-select:none;user-select:none;text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:0 8px;font-size:13px;line-height:16px;display:flex}.sb-nav:hover{background:var(--hover);color:var(--t-1)}.sb-nav[data-active=true]{background:var(--active);color:var(--t-1)}.sb-input{width:100%;color:var(--t-1);background:0 0;border:none;outline:none;font-family:inherit;font-size:14px;line-height:20px}.sb-input::placeholder{color:var(--t-3)}.sb .sb-input:focus-visible{box-shadow:none}.sb-card{background:var(--bg-100);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:6px}.sb-menu{background:var(--bg-100);border:1px solid var(--border);box-shadow:var(--shadow-menu);border-radius:12px}.sb-mono{font-family:var(--font-geist-mono),ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.sb-label{color:var(--t-3);font-size:12px;line-height:16px}.sb-num{font-variant-numeric:tabular-nums}.sb-pill{white-space:nowrap;border:1px solid #0000;border-radius:9999px;align-items:center;gap:5px;height:20px;padding:0 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}@keyframes sb-pulse{0%,to{opacity:1}50%{opacity:.35}}.sb-pulse{animation:1.6s ease-in-out infinite sb-pulse}@keyframes sb-indeterminate{0%{transform:translate(-100%)}to{transform:translate(260%)}}.sb-progress{background:var(--g-200);border-radius:999px;height:2px;position:relative;overflow:hidden}.sb-progress:after{content:"";background:var(--blue-700);border-radius:999px;width:45%;animation:1.1s cubic-bezier(.4,0,.2,1) infinite sb-indeterminate;position:absolute;inset-block:0}@media (prefers-reduced-motion:reduce){.sb-pulse,.sb-progress:after{animation:none}}}