/* ================================================================
           OBSIDIAN STUDIO — V3 DESIGN 1 THEME
           ================================================================ */
        :root {
            --accent-h: 35;
            --accent-s: 80%;
            --accent-l: 55%;
            --accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
            --accent-dim: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.12);
            --accent-mid: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.25);
            --accent-glow: 0 0 20px hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.15);
            /* Derived accent helpers used by topbar pickers, credits chip,
               and other surfaces that previously had hardcoded rose-pink.
               These follow the theme accent so switching colors updates
               them all in lockstep. */
            --accent-soft-10: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.10);
            --accent-soft-12: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.12);
            --accent-soft-14: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.14);
            --accent-soft-18: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.18);
            --accent-soft-22: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.22);
            --accent-line: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.35);
            --accent-line-strong: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.55);
            --accent-line-bright: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.75);
            --accent-text: hsl(var(--accent-h), calc(var(--accent-s) + 15%), 85%);
            --accent-text-soft: hsl(var(--accent-h), calc(var(--accent-s) - 10%), 78%);
            /* Neutral chip background for V4 pill agent icons — theme-overridable */
            --agent-chip-bg: rgba(255, 255, 255, 0.04);
            --agent-chip-border: rgba(255, 255, 255, 0.09);
            --bg-0: #0d0d0d;
            --bg-1: #141414;
            --bg-2: #1a1a1a;
            --bg-3: #222;
            --bg-hover: #2a2a2a;
            --text: #e8e4de;
            --text-2: #a09888;
            --text-3: #665e52;
            --border: #2a2622;
            --border-bright: #3a3630;
            --radius: 10px;
            --red: #ef4444;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            font-family: 'Inter', sans-serif;
            background: var(--bg-0);
            color: var(--text);
            height: 100vh;
            display: flex;
            overflow: hidden;
        }