*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--hui-font-sans: "Inter", system-ui, -apple-system, sans-serif;--hui-font-mono: "JetBrains Mono", "Consolas", monospace;--hui-text-xxs: 10px;--hui-text-xs: 11px;--hui-text-sm: 13px;--hui-text-base: 14px;--hui-text-md: 16px;--hui-text-lg: 18px;--hui-text-xl: 22px;--hui-text-2xl: 28px;--hui-weight-regular: 400;--hui-weight-medium: 500;--hui-weight-semibold: 600;--hui-line-tight: 1.25;--hui-line-normal: 1.5;--hui-space-1: 4px;--hui-space-2: 8px;--hui-space-3: 12px;--hui-space-4: 16px;--hui-space-5: 20px;--hui-space-6: 24px;--hui-space-8: 32px;--hui-space-10: 40px;--hui-space-12: 48px;--hui-radius-sm: 4px;--hui-radius-md: 8px;--hui-radius-lg: 12px;--hui-radius-xl: 16px;--hui-radius-2xl: 20px;--hui-radius-full: 9999px;--hui-control-sm: 32px;--hui-control-md: 44px;--hui-control-lg: 52px;--hui-grid-min-xs: 160px;--hui-grid-min-sm: 220px;--hui-grid-min-md: 280px;--hui-grid-min-lg: 360px;--hui-duration-fast: .12s;--hui-duration-base: .18s;--hui-duration-slow: .28s;--hui-ease: cubic-bezier(.4, 0, .2, 1);--hui-z-sticky: 100;--hui-z-dropdown: 400;--hui-z-drawer: 500;--hui-z-modal: 600;--hui-z-toast: 700;--hui-z-tooltip: 800;--color-bg: #0f1117;--color-bg-panel: #161b27;--color-bg-sidebar: #13161f;--color-bg-hover: #1e2334;--color-bg-selected: #1e2443;--color-bg-glass: rgba(255, 255, 255, .04);--color-text: #e2e8f0;--color-text-muted: #7c8db0;--color-text-disabled: #475569;--color-border: rgba(255, 255, 255, .06);--color-border-strong: rgba(255, 255, 255, .12);--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-accent-light: #818cf8;--color-accent-muted: rgba(99, 102, 241, .15);--color-success: #34d399;--color-success-muted: rgba(52, 211, 153, .15);--color-warning: #fbbf24;--color-warning-muted: rgba(251, 191, 36, .15);--color-danger: #f87171;--color-danger-muted: rgba(248, 113, 113, .15);--color-info: #38bdf8;--color-info-muted: rgba(56, 189, 248, .15);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-float: 0 16px 48px rgba(0, 0, 0, .7);--hui-bg: var(--color-bg);--hui-bg-panel: var(--color-bg-panel);--hui-bg-raised: var(--color-bg-panel);--hui-bg-hover: var(--color-bg-hover);--hui-bg-selected: var(--color-bg-selected, var(--color-bg-hover));--hui-bg-glass: var(--color-bg-glass, rgba(255, 255, 255, .04));--hui-bg-glass-hover: var(--color-bg-glass-hover, rgba(255, 255, 255, .07));--hui-bg-skeleton: var(--color-bg-glass, rgba(255, 255, 255, .06));--hui-text: var(--color-text);--hui-text-muted: var(--color-text-muted);--hui-text-disabled: var(--color-text-disabled, var(--color-text-muted));--hui-text-on-accent: var(--color-brand-on-solid, #ffffff);--hui-accent: var(--color-accent);--hui-accent-hover: var(--color-accent-hover, var(--color-accent));--hui-accent-light: var(--color-accent-light, var(--color-accent));--hui-accent-muted: var(--color-accent-muted);--hui-info: var(--color-info, var(--color-sky));--hui-info-muted: var(--color-info-muted, var(--color-sky-muted));--hui-success: var(--color-success);--hui-success-muted: var(--color-success-muted);--hui-warning: var(--color-warning);--hui-warning-muted: var(--color-warning-muted);--hui-danger: var(--color-danger);--hui-danger-hover: var(--color-danger-hover, var(--color-danger));--hui-danger-muted: var(--color-danger-muted);--hui-border: var(--color-border);--hui-border-strong: var(--color-border-strong);--hui-border-accent: var(--color-border-accent, var(--color-accent-muted));--hui-overlay: var(--color-overlay, rgba(0, 0, 0, .55));--hui-shadow-sm: var(--shadow-sm);--hui-shadow-md: var(--shadow-md);--hui-shadow-lg: var(--shadow-lg);--hui-shadow-float: var(--shadow-float)}.hui-field{display:inline-flex;align-items:center;gap:var(--hui-space-2);box-sizing:border-box;font-family:var(--hui-font-sans);font-size:var(--hui-text-base);line-height:var(--hui-line-tight);border:1px solid transparent;border-radius:var(--hui-radius-md);transition:background-color var(--hui-duration-fast) var(--hui-ease),border-color var(--hui-duration-fast) var(--hui-ease),color var(--hui-duration-fast) var(--hui-ease)}.hui-field:focus-visible{outline:2px solid var(--hui-accent);outline-offset:2px}.hui-field:disabled,.hui-field[aria-disabled=true]{cursor:not-allowed;opacity:.55}.hui-field{width:100%;min-height:var(--hui-control-md);padding:0 var(--hui-space-3);color:var(--hui-text);background:var(--hui-bg-panel);border-color:var(--hui-border-strong)}.hui-field::placeholder{color:var(--hui-text-disabled)}.hui-field:hover:not(:disabled):not([readonly]){border-color:var(--hui-border-accent)}.hui-field:focus{border-color:var(--hui-accent);box-shadow:inset 0 0 0 1px var(--hui-accent);outline:none}@media(forced-colors:active){.hui-field:focus{outline:2px solid;outline-offset:0}}.hui-field[readonly]{background:var(--hui-bg-glass);cursor:default}.hui-field[aria-invalid=true]{border-color:var(--hui-danger)}.hui-field{display:block}.hui-field--sm{min-height:var(--hui-control-sm);padding:0 var(--hui-space-2);font-size:var(--hui-text-sm)}.hui-field--lg{min-height:var(--hui-control-lg);padding:0 var(--hui-space-4);font-size:var(--hui-text-md)}textarea.hui-field{min-height:0;padding:var(--hui-space-2) var(--hui-space-3);line-height:var(--hui-line-normal);resize:vertical}html,body{height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}