:root{--studio-bg:#070a10;--studio-sidebar:#0b1018;--studio-panel:#0e131d;--studio-panel-2:#141b27;--studio-line:#253044;--studio-text:#edf3ff;--studio-muted:#91a0b8;--studio-blue:#5e8fff;--studio-green:#43c99b;--studio-purple:#b66cff}
body.dashboard-app{background:radial-gradient(760px 520px at 80% 0,rgba(47,88,174,.1),transparent 65%),var(--studio-bg)}
body.dashboard-app .dashboard-shell:not(.picker-mode){grid-template-columns:220px minmax(0,1fr)}
body.dashboard-app .app-sidebar{padding:18px 12px;background:var(--studio-sidebar);border-color:var(--studio-line);backdrop-filter:none;overflow-y:auto}
body.dashboard-app .app-brand{padding:3px 8px 18px}
body.dashboard-app .sidebar-server{margin:0 6px 10px;padding:10px;background:var(--studio-panel-2);border-color:var(--studio-line);border-radius:10px}
body.dashboard-app .back-button{margin-bottom:8px;padding:7px 10px}
body.dashboard-app .workspace-nav{gap:3px}
body.dashboard-app .workspace-group{display:block;margin:12px 10px 4px;color:#65738c;font-size:9px;font-weight:900;letter-spacing:.11em}
body.dashboard-app .workspace-nav button{min-height:36px;padding:8px 10px;border-radius:8px;color:var(--studio-muted);font-size:12px;font-weight:700}
body.dashboard-app .workspace-nav button:hover,body.dashboard-app .workspace-nav button.active{background:#192746;color:#fff}
body.dashboard-app .workspace-nav button.active{box-shadow:none}
body.dashboard-app .workspace-nav small{margin-left:auto;padding:2px 5px;border-radius:5px;background:#33255c;color:#d8c7ff;font-size:8px}
body.dashboard-app .workspace-nav small.tier-free{background:#173e35;color:#9ce4ca}
body.dashboard-app .workspace-nav small.tier-safety{background:#3b3020;color:#ffd994}
body.dashboard-app .app-content{padding:0 34px 70px}
body.dashboard-app .app-topbar{min-height:62px}
body.dashboard-app .server-workspace{max-width:1280px;padding-top:32px}
body.dashboard-app .workspace-heading{padding-bottom:22px}
body.dashboard-app .workspace-heading h1{font-size:34px}
body.dashboard-app .workspace-view{padding-top:24px}
body.dashboard-app .metrics-grid article,body.dashboard-app .status-card,body.dashboard-app .activity-card,body.dashboard-app .setup-grid article,body.dashboard-app .empty-workspace,body.dashboard-app .plan-card,body.dashboard-app .safety-card,body.dashboard-app .install-health{background:var(--studio-panel);border-color:var(--studio-line);border-radius:12px}
body.dashboard-app .view-heading h2{font-size:25px}
body.dashboard-app .studio-layout{grid-template-columns:190px minmax(390px,1fr) 290px;gap:14px}
body.dashboard-app .studio-nav,body.dashboard-app .studio-inspector{background:var(--studio-panel);border-color:var(--studio-line);border-radius:12px}
body.dashboard-app .studio-preview>header{color:var(--studio-muted)}
body.dashboard-app .studio-discord{min-height:430px;border-radius:12px;box-shadow:0 22px 55px rgba(0,0,0,.24)}
body.dashboard-app #studio-embed{max-width:680px}
body.dashboard-app .studio-inline-hint{margin-right:auto;padding:5px 8px;border-radius:6px;background:#20345c;color:#cfe0ff;font-size:10px;font-weight:800}
body.dashboard-app [data-inline-field]{border-radius:4px;outline:1px dashed transparent;outline-offset:3px;cursor:text;transition:background .15s ease,outline-color .15s ease}
body.dashboard-app [data-inline-field]:hover{background:rgba(94,143,255,.1);outline-color:#6e94e8}
body.dashboard-app [data-inline-field]:focus{background:rgba(94,143,255,.14);outline:2px solid #79a5ff}
body.dashboard-app .studio-buttons [data-inline-field]{cursor:text}
body.dashboard-app .upgrade-card{border-color:#3d315d;background:radial-gradient(420px 240px at 90% 0,rgba(124,76,193,.19),transparent 65%),var(--studio-panel)}
body.dashboard-app .safety-lock{border-color:#285c4d;background:#122a24;color:#b8efdc}
body.dashboard-app .workspace-plan{border-color:#3e4e69;background:#172238}
body.dashboard-app .owner-top-link{padding:6px 9px;border:1px solid #59417f;border-radius:7px;background:#211936;color:#e3d6ff;text-decoration:none;font-size:11px;font-weight:800}
body.dashboard-app .server-card-icon,body.dashboard-app #side-server-icon{background-repeat:no-repeat}
@media(max-width:1180px){body.dashboard-app .studio-layout{grid-template-columns:180px 1fr}body.dashboard-app .studio-inspector{grid-column:1/-1}}
@media(max-width:760px){body.dashboard-app .dashboard-shell:not(.picker-mode){grid-template-columns:1fr}body.dashboard-app .app-sidebar{position:static;height:auto;overflow:visible}body.dashboard-app .studio-workspace-nav{grid-template-columns:repeat(2,minmax(0,1fr))}body.dashboard-app .workspace-group{grid-column:1/-1}body.dashboard-app .workspace-nav button{justify-content:flex-start;font-size:11px}body.dashboard-app .workspace-nav button span{font-size:13px}body.dashboard-app .workspace-nav small{display:inline-block}body.dashboard-app .app-content{padding:0 14px 44px}body.dashboard-app .studio-layout{grid-template-columns:1fr}}