:root{--surface-0:#0e1116;--surface-1:#161a21;--surface-2:#1e242d;--border:#2a313b;--border-strong:#363e49;--text-primary:#e8ecf2;--text-secondary:#a7b0bd;--text-muted:#7d8795;--accent:#4fd3e8;--accent-hover:#6fddef;--accent-border:#1e9cb2;--bg-accent:#0c3540;--on-accent:#08323a;--ai:#7a5cff;--ai-hover:#9280ff;--bg-ai:#241a5c;--on-ai:#e3dcff;--success:#21c08a;--bg-success:#0c3b2c;--on-success:#06301f;--warning:#f6a733;--bg-warning:#4a3300;--on-warning:#492d00;--danger:#ff4d4d;--bg-danger:#4a1414;--on-danger:#4a0000;--radius:8px;--radius-card:12px;--font-sans:"Inter", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--chrome-bg:var(--surface-0);--chrome-panel-bg:var(--surface-1);--chrome-border:var(--border);--chrome-text:var(--text-primary);--chrome-text-muted:var(--text-secondary);--chrome-accent:var(--accent);--viewport-bg:var(--surface-0);--status-error:var(--danger);--status-warning:var(--warning);--status-ok:var(--success);--status-disabled-opacity:.4}html,body,#root{background:var(--surface-0);height:100%;color:var(--text-primary);margin:0}body{font-family:var(--font-sans);font-size:14px}button{cursor:pointer;font-family:inherit;font-size:inherit;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);background:0 0;padding:6px 12px;transition:all .15s ease-out}button:hover:not(:disabled){background:var(--surface-2)}button:disabled{cursor:not-allowed;opacity:var(--status-disabled-opacity)}button.primary{background:var(--accent);color:var(--on-accent);border:none}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.ai-button{color:var(--ai);border:1px solid var(--ai);background:0 0}button.ai-button:hover{background:var(--bg-ai)}input,select{font-family:inherit;font-size:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);color:var(--text-primary);padding:5px 8px}select option{background:var(--surface-1);color:var(--text-primary)}input:focus,select:focus{border-color:var(--accent);outline:none}label{color:var(--text-secondary);margin-bottom:8px;display:block}label input,label select{margin-top:2px;display:block}.error{color:var(--danger)}.disabled-feature{opacity:var(--status-disabled-opacity);cursor:not-allowed}@keyframes importIndeterminate{0%{transform:translate(-100%)}to{transform:translate(320%)}}