:root{--font-ui: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg-app: #ffffff;--bg-panel: #ffffff;--bg-surface: #e8e8e8;--bg-subtle: #f1f1f1;--bg-frost: rgba(255, 255, 255, .78);--bg-overlay: rgba(15, 23, 42, .2);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border-soft: rgba(15, 23, 42, .12);--border-muted: rgba(15, 23, 42, .2);--heading-accent: #1d4f8f;--bg-canvas: #ffffff}:root[data-theme=dark]{--bg-app: #000000;--bg-panel: #000000;--bg-surface: #2a2a2a;--bg-subtle: #222222;--bg-frost: rgba(0, 0, 0, .86);--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-soft: rgba(148, 163, 184, .2);--border-muted: rgba(148, 163, 184, .35);--heading-accent: #7ab3ff;--bg-canvas: #000000}html,body,#root{font-family:var(--font-ui);background:var(--bg-app);color:var(--text-primary)}button,input,select,textarea{font-family:inherit}button,input,select,textarea{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-soft);border-radius:6px}.mono{font-family:inherit}.three-panel{width:100%;height:100%;min-height:220px;position:relative;overflow:hidden;background:var(--bg-canvas)}.three-panel canvas{display:block}.three-mode-tabs{position:absolute;z-index:5;top:8px;left:50%;transform:translate(-50%);display:flex;padding:3px;gap:2px;border:1px solid var(--border-muted);border-radius:8px;background:var(--bg-frost);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.three-mode-tabs button{padding:4px 9px;border:0;background:transparent;color:var(--text-secondary);font-size:11px;cursor:pointer}.three-mode-tabs button.active{color:#fff;background:#1d6fa5;box-shadow:0 1px 3px #0003}.three-panel-actions{position:absolute;z-index:5;top:8px;right:8px;display:flex;gap:4px}.three-panel-actions button{width:28px;height:28px;cursor:pointer;background:var(--bg-frost)}.three-settings,.three-hint,.three-error{position:absolute;z-index:5;padding:6px 9px;border:1px solid var(--border-muted);border-radius:7px;background:var(--bg-frost);color:var(--text-secondary);font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.three-settings{top:42px;right:8px;display:grid;gap:4px}.three-settings label{display:flex;align-items:center;gap:5px}.three-hint{left:50%;bottom:8px;transform:translate(-50%);white-space:nowrap}.three-error{inset:50% auto auto 50%;transform:translate(-50%,-50%);color:#dc2626}