@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--bonsai-emerald:#10b981;--bonsai-ocean:#0072ff;--bonsai-sky:#0ea5e9;--bonsai-teal:#00bfa5;--bonsai-amber:#f59e0b;--bonsai-rose:#f43f5e;--gradient-bonsai:linear-gradient(135deg, #0072ff 0%, #10b981 55%, #00bfa5 100%);--gradient-emerald:linear-gradient(135deg, #059669 0%, #10b981 100%);--bg-obsidian:#07090d;--bg-surface:#0c1017;--bg-panel:#10151ec7;--bg-panel-elevated:#161c28eb;--bg-pill:#ffffff0b;--bg-pill-hover:#ffffff16;--border-subtle:#ffffff14;--border-strong:#ffffff26;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--header-h:56px;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100dvh;font-family:var(--font-sans);background-color:var(--bg-obsidian);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{color:inherit;font-family:inherit}button{cursor:pointer;background:0 0;border:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.studio-topbar{z-index:100;height:var(--header-h);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#090c12db;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0 20px;display:flex;position:sticky;top:0}.topbar-nav{border:1px solid var(--border-subtle);background:#ffffff09;border-radius:999px;align-items:center;gap:3px;padding:4px;display:flex}.topbar-tab{color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:6px 15px;font-size:.84rem;font-weight:500;transition:color .18s;position:relative}.topbar-tab:hover{color:var(--text-primary)}.topbar-tab.active{color:#06120d;font-weight:600}.topbar-tab-bg{z-index:0;background:linear-gradient(135deg,#f8fafc 0%,#d1fae5 100%);border-radius:999px;position:absolute;inset:0;box-shadow:0 2px 14px #10b98140}.topbar-tab-inner{z-index:1;align-items:center;gap:7px;display:flex;position:relative}.aurora-backdrop{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.aurora-orb{filter:blur(110px);border-radius:50%;animation:18s ease-in-out infinite alternate driftAurora;position:absolute}.aurora-orb.emerald{background:radial-gradient(circle,#10b9811c,#0000 70%);width:46vw;max-width:600px;height:46vw;max-height:600px;top:-12%;left:-8%}.aurora-orb.ocean{background:radial-gradient(circle,#0ea5e91a,#0000 70%);width:44vw;max-width:580px;height:44vw;max-height:580px;animation-delay:-9s;bottom:-14%;right:-6%}@keyframes driftAurora{0%{transform:translate(0)scale(1)}to{transform:translate(28px,18px)scale(1.06)}}.glass-obsidian{-webkit-backdrop-filter:blur(18px);background:#0d121bdb;border:1px solid #ffffff16;box-shadow:0 10px 28px #0000005c,inset 0 1px #ffffff0a}.glass-obsidian-elevated{-webkit-backdrop-filter:blur(24px);background:#111722f5;border:1px solid #ffffff24;box-shadow:0 22px 56px #0000009e,inset 0 1px #ffffff12}@keyframes watchdogPulse{0%,to{background:#f43f5e3d;border-color:#fb7185bf}50%{background:#f43f5e85;border-color:#fff}}.watchdog-alert-pill{animation:1.1s ease-in-out infinite watchdogPulse}.pearl-surface{color:#14171f;background:radial-gradient(circle at 50% 0,#fff 0%,#f3f6fa 100%);min-height:100dvh;position:relative}.pearl-glass{-webkit-backdrop-filter:blur(20px);background:#ffffffd6;border:1px solid #0f172a12;box-shadow:0 20px 45px #0f172a0f,inset 0 1px #ffffffe6}.workspace-scroll{z-index:2;width:100%;min-height:calc(100dvh - var(--header-h));max-width:1480px;margin:0 auto;padding:22px 24px 44px;position:relative}.pill-group{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:999px;align-items:center;gap:3px;padding:3px;display:inline-flex}.pill-option{color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:.8rem;font-weight:500;transition:all .16s;display:inline-flex}.pill-option:hover{color:var(--text-primary);background:#ffffff0a}.pill-option.active{color:#6ee7b7;background:#10b9812b;border:1px solid #10b9815c}.btn-bonsai{background:var(--gradient-emerald);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:.83rem;font-weight:600;transition:transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 16px #10b98140}.btn-bonsai:hover{transform:translateY(-1px);box-shadow:0 8px 22px #10b9815c}.btn-ghost{background:var(--bg-pill);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:.81rem;font-weight:500;transition:all .16s;display:inline-flex}.btn-ghost:hover{background:var(--bg-pill-hover);border-color:var(--border-strong)}.input-sleek{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);background:#00000057;border-radius:11px;outline:none;padding:9px 13px;font-size:.86rem;transition:border-color .2s}.input-sleek:focus{border-color:#10b9818c}input[type=range].slider-sleek{appearance:none;background:#ffffff1f;border-radius:999px;outline:none;width:100%;height:4px}input[type=range].slider-sleek::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#10b981;border:2px solid #ecfdf5;border-radius:50%;width:14px;height:14px}.status-chip{border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.status-chip.ok{color:#34d399;background:#10b98121;border:1px solid #10b98147}.status-chip.warn{color:#fbbf24;background:#f59e0b24;border:1px solid #f59e0b52}.status-chip.danger{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e57}.status-chip.info{color:#38bdf8;background:#0ea5e924;border:1px solid #0ea5e947}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}@media (max-width:900px){.studio-topbar{padding:0 12px}.hide-mobile{display:none!important}.workspace-scroll{padding:14px 12px 32px}}