:root{--ok-page:#f8f8f8;--ok-panel:#ffffff;--ok-card:#ffffff;--ok-line:#ebebeb;--ok-line-strong:#dedede;--ok-ink:#171717;--ok-text:#404040;--ok-muted:#737373;--ok-faint:#a3a3a3;--ok-chip:#f5f5f5;--ok-hover:rgba(0,0,0,0.035);--ok-select:rgba(0,0,0,0.055);--ok-accent:#4469fc;--ok-accent-soft:#eef3ff;--ok-button:#262626;--ok-button-hover:#333333;--ok-on-ink:#ffffff;--ok-subtle:#fafafa;--ok-shadow:0 8px 24px rgba(0,0,0,0.08);--ok-danger:#ff0000;--ok-danger-bg:#ffe6e9;--ok-btn-ink:#171717;--ok-btn-on-ink:#fafafa;--ok-btn-dark-top:#323137;--ok-btn-dark-bottom:#201e25;--ok-btn-dark-hover-top:#3c3b42;--ok-btn-dark-hover-bottom:#29272f;--ok-btn-edge-top:#4b4951;--ok-btn-edge-mid:#31303a;--ok-btn-edge-bottom:#18171b;--ok-btn-ring:#0d0d0d;--ok-btn-dark-shadow:rgba(0,0,0,0.1);--ok-btn-surface:#ffffff;--ok-btn-surface-hover:#fafafa;--ok-btn-surface-shadow:rgba(0,0,0,0.06);--ok-btn-line:#e5e5e5;--ok-btn-muted:#737373;--ok-btn-hover:#404040;--ok-btn-fill:#f0f0f0;--ok-btn-focus:rgba(23,23,23,0.22);--ok-ease:cubic-bezier(0.22,1,0.36,1)}.dark{--ok-page:#0e0e10;--ok-panel:#141416;--ok-card:#1b1b1e;--ok-line:#29292d;--ok-line-strong:#3a3a3f;--ok-ink:#f4f4f5;--ok-text:#d4d4d8;--ok-muted:#a1a1aa;--ok-faint:#71717a;--ok-chip:#232326;--ok-hover:rgba(255,255,255,0.05);--ok-select:rgba(255,255,255,0.08);--ok-accent:#6d8bff;--ok-accent-soft:rgba(109,139,255,0.14);--ok-button:#f4f4f5;--ok-button-hover:#ffffff;--ok-on-ink:#111113;--ok-subtle:#18181b;--ok-shadow:0 12px 32px rgba(0,0,0,0.45);--ok-danger:#ff6b6b;--ok-danger-bg:rgba(255,64,64,0.16);--ok-btn-on-ink:#121213;--ok-btn-dark-top:#f4f4f5;--ok-btn-dark-bottom:#e4e4e7;--ok-btn-dark-hover-top:#ffffff;--ok-btn-dark-hover-bottom:#ececef;--ok-btn-edge-top:#ffffff;--ok-btn-edge-mid:#ececef;--ok-btn-edge-bottom:#d4d4d8;--ok-btn-ring:rgba(0,0,0,0.6);--ok-btn-dark-shadow:rgba(0,0,0,0.4);--ok-btn-ink:#ededed;--ok-btn-surface:#232326;--ok-btn-surface-hover:#2a2a2d;--ok-btn-surface-shadow:rgba(0,0,0,0.4);--ok-btn-line:rgba(255,255,255,0.1);--ok-btn-muted:#8f8f8f;--ok-btn-hover:#ededed;--ok-btn-fill:rgba(255,255,255,0.06);--ok-btn-focus:rgba(237,237,237,0.3)}.ok-btn{--h:40px;--px:16px;--fs:14px;--radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 var(--px);border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--ok-btn-ink);font:500 var(--fs) /1 var(--font-sans),Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s var(--ok-ease),opacity .16s ease}.ok-btn-xs{--h:26px;--px:8px;--fs:12px;--radius:8px}.ok-btn-sm{--h:32px;--px:12px;--fs:13px;--radius:10px}.ok-btn-md{--h:40px;--px:16px;--fs:14px;--radius:12px}.ok-btn-lg{--h:48px;--px:20px;--fs:15px;--radius:14px}.ok-btn-icon{width:var(--h);padding:0}.ok-btn-primary{background:linear-gradient(var(--ok-btn-dark-top),var(--ok-btn-dark-bottom)) padding-box,linear-gradient(var(--ok-btn-edge-top),var(--ok-btn-edge-mid),var(--ok-btn-edge-bottom)) border-box;color:var(--ok-btn-on-ink);box-shadow:0 0 0 1px var(--ok-btn-ring),0 2px 4px var(--ok-btn-dark-shadow)}.ok-btn-primary:hover:not(:disabled){background:linear-gradient(var(--ok-btn-dark-hover-top),var(--ok-btn-dark-hover-bottom)) padding-box,linear-gradient(var(--ok-btn-edge-top),var(--ok-btn-edge-mid),var(--ok-btn-edge-bottom)) border-box}.ok-btn-secondary{background:var(--ok-btn-surface);border-color:var(--ok-btn-line);color:var(--ok-btn-ink);box-shadow:0 1px 2px var(--ok-btn-surface-shadow)}.ok-btn-secondary:hover:not(:disabled){background:var(--ok-btn-surface-hover)}.ok-btn-ghost{color:var(--ok-btn-muted)}.ok-btn-ghost:hover:not(:disabled){background:var(--ok-btn-fill);color:var(--ok-btn-hover)}.ok-btn-subtle{background:var(--ok-chip);color:var(--ok-text)}.ok-btn-subtle:hover:not(:disabled){background:var(--ok-hover);color:var(--ok-ink)}.ok-btn-destructive{background:var(--ok-danger-bg);color:var(--ok-danger)}.ok-btn-destructive:hover:not(:disabled){background:color-mix(in srgb,var(--ok-danger-bg) 88%,var(--ok-danger))}.ok-btn-link{height:auto;padding:0;border-radius:4px;color:var(--ok-accent);background:transparent}.ok-btn-link:hover:not(:disabled){text-decoration:underline}.ok-btn:active:not(:disabled):not([data-loading]){transform:scale(.97)}.ok-btn:focus-visible{outline:2px solid var(--ok-btn-focus);outline-offset:2px}.ok-btn:disabled{opacity:.4;cursor:default}.ok-btn[data-loading]{cursor:default}.ok-btn-spin{width:16px;height:16px;animation:ok-spin .7s linear infinite}.ok-label{display:block;margin-bottom:6px;color:var(--ok-ink);font-size:13px;font-weight:500}.ok-control{width:100%;height:36px;padding:0 12px;border:1px solid var(--ok-line);border-radius:10px;background:var(--ok-panel);color:var(--ok-ink);font:400 13.5px/1.3 var(--font-sans),Inter,ui-sans-serif,system-ui,sans-serif;box-shadow:0 1px 2px rgba(0,0,0,.04)}.ok-control::-moz-placeholder{color:var(--ok-faint)}.ok-control::placeholder{color:var(--ok-faint)}.ok-control:hover:not(:disabled):not(:focus){border-color:var(--ok-line-strong)}.ok-control:focus{outline:none;border-color:var(--ok-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok-accent) 35%,transparent)}.ok-control:disabled{opacity:.5;cursor:not-allowed;background:var(--ok-chip)}.ok-control[aria-invalid=true]{border-color:var(--ok-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok-danger) 16%,transparent)}textarea.ok-control{height:auto;min-height:88px;padding:8px 12px;resize:vertical}select.ok-control{padding-right:28px}.ok-control-sm{height:32px;border-radius:8px;font-size:12.5px}.ok-check,.ok-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-grid;place-items:center;width:16px;height:16px;margin:0;border:1px solid var(--ok-line-strong);background:var(--ok-panel);color:var(--ok-on-ink);vertical-align:middle;cursor:pointer}.ok-check{border-radius:4px}.ok-radio{border-radius:999px}.ok-check:checked,.ok-radio:checked{background:var(--ok-ink);border-color:var(--ok-ink)}.ok-check:checked:after{content:"";width:8px;height:5px;border:2px solid;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}.ok-radio:checked:after{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.ok-check:focus-visible,.ok-radio:focus-visible,.ok-switch:focus-visible{outline:2px solid var(--ok-accent);outline-offset:2px}.ok-check:disabled,.ok-radio:disabled,.ok-switch:disabled{opacity:.4;cursor:not-allowed}.ok-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:32px;height:18px;margin:0;border:0;border-radius:999px;background:var(--ok-line-strong);cursor:pointer;vertical-align:middle}.ok-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:999px;background:#fff;transition:transform .14s var(--ok-ease)}.ok-switch:checked{background:var(--ok-ink)}.ok-switch:checked:after{transform:translateX(14px)}.ok-seg{display:inline-flex;align-items:center;gap:2px;max-width:100%;padding:2px;border-radius:10px;background:var(--ok-chip)}.ok-seg-full{display:flex;width:100%}.ok-seg-full .ok-seg-btn{flex:1}.ok-seg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--ok-muted);font:500 13px/1 var(--font-sans),Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}.ok-seg-sm .ok-seg-btn{height:26px;padding:0 10px;font-size:12px}.ok-seg-lg .ok-seg-btn{height:36px;padding:0 14px;font-size:14px}.ok-seg-btn[aria-checked=true],.ok-seg-btn[aria-selected=true]{background:var(--ok-panel);color:var(--ok-ink);box-shadow:0 1px 2px rgba(0,0,0,.06)}.ok-seg-btn:hover:not(:disabled):not([aria-checked=true]):not([aria-selected=true]){color:var(--ok-ink)}.ok-seg-btn:focus-visible{outline:2px solid var(--ok-accent);outline-offset:2px}.ok-seg-btn:disabled{opacity:.4;cursor:not-allowed}.ok-seg-line{gap:0;padding:0;border-radius:0;background:transparent;border-bottom:1px solid var(--ok-line)}.ok-seg-line .ok-seg-btn{border-radius:8px 8px 0 0}.ok-seg-line .ok-seg-btn[aria-checked=true],.ok-seg-line .ok-seg-btn[aria-selected=true]{background:transparent;box-shadow:inset 0 -2px 0 var(--ok-ink)}.ok-badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 6px;border-radius:6px;background:var(--ok-chip);color:var(--ok-muted);font-size:11px;font-weight:500;line-height:1;letter-spacing:.01em}.ok-badge-accent{background:var(--ok-accent-soft);color:var(--ok-accent)}.ok-badge-success{background:#eaf7ef;color:#157a3a}.ok-badge-warning{background:#fff6e8;color:#9a6700}.ok-badge-danger{background:var(--ok-danger-bg);color:var(--ok-danger)}.ok-badge-beta{height:16px;padding:0 5px;font-size:10px;letter-spacing:.02em}.ok-badge-count{min-width:1.25rem;justify-content:flex-end;height:auto;padding:0;background:transparent;color:var(--ok-faint);font-variant-numeric:tabular-nums;font-size:12px}.dark .ok-badge-success{background:rgba(21,122,58,.18);color:#86efac}.dark .ok-badge-warning{background:rgba(154,103,0,.2);color:#fcd34d}.ok-card,.ok-panel{background:var(--ok-panel);border:1px solid var(--ok-line);border-radius:12px;color:var(--ok-text)}.ok-card{box-shadow:0 1px 2px rgba(0,0,0,.04)}.ok-inset{background:var(--ok-chip);border-radius:10px}.ok-section{display:flex;flex-direction:column;gap:12px}.ok-dialog-scrim{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(14,14,16,.4)}.ok-dialog-sheet{width:min(100%,28rem);padding:20px;background:var(--ok-panel);border:1px solid var(--ok-line);border-radius:12px;box-shadow:var(--ok-shadow);color:var(--ok-text)}.ok-dialog-title{margin:0;color:var(--ok-ink);font-size:16px;font-weight:600}.ok-dialog-copy{margin:8px 0 0;color:var(--ok-muted);font-size:13.5px;line-height:1.5}.ok-empty,.ok-error-state,.ok-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px 16px;text-align:center;color:var(--ok-muted);font-size:13px}.ok-empty h3,.ok-error-state h3{margin:0;color:var(--ok-ink);font-size:14px;font-weight:500}.ok-empty p,.ok-error-state p{margin:0}.ok-spinner{width:16px;height:16px;border:2px solid var(--ok-line-strong);border-top-color:var(--ok-ink);border-radius:999px;animation:ok-spin .7s linear infinite}.ok-skeleton{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--ok-chip),var(--ok-hover),var(--ok-chip));background-size:200% 100%;animation:ok-sheen 1.2s ease infinite}.ok-toast{display:flex;align-items:flex-start;gap:8px;width:min(100%,22rem);padding:12px 14px;color:var(--ok-text);box-shadow:var(--ok-shadow);font-size:13px}.ok-table-wrap,.ok-toast{border:1px solid var(--ok-line);border-radius:12px;background:var(--ok-panel)}.ok-table-wrap{overflow:auto}.ok-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;color:var(--ok-text)}.ok-table th{height:36px;padding:0 12px;background:var(--ok-subtle);color:var(--ok-muted);font-size:12px;font-weight:500;white-space:nowrap}.ok-table td,.ok-table th{border-bottom:1px solid var(--ok-line)}.ok-table td{padding:10px 12px;vertical-align:top}.ok-table tbody tr:last-child td{border-bottom:0}.ok-table tbody tr:hover td{background:var(--ok-hover)}.ok-table tbody tr[data-selected] td{background:var(--ok-select)}.ok-table-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-top:1px solid var(--ok-line);color:var(--ok-muted);font-size:12px}.ok-error{color:#b91c1c}.dark .ok-error{color:#fca5a5}.ok-menu-row[aria-selected=true]{background:var(--ok-select);color:var(--ok-ink);font-weight:500}@keyframes ok-spin{to{transform:rotate(1turn)}}@keyframes ok-sheen{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.ok-btn,.ok-btn-spin,.ok-skeleton,.ok-spinner,.ok-switch:after{animation:none;transition:none}}