/* Server Studio shell: a quiet, structural identity built around stacked spaces. */
.shell{grid-template-columns:68px 240px minmax(0,1fr)}
.server-rail{background:#1b1c20;padding:18px 0;gap:16px;border-right:1px solid #ffffff05}.server-rail a{width:42px;height:42px;font-size:23px;border-radius:13px}.server-rail .rail-home{background:linear-gradient(145deg,#5865f2 0%,#4f5adc 48%,#373f92 100%);color:#fff;box-shadow:inset 0 1px 0 #ffffff24,inset 0 0 0 1px #ffffff12}.rail-home svg{width:27px;height:27px}.rail-divider{width:24px;height:1px;background:#36383f}.server-rail .rail-server{border-radius:13px;background:#30323a;color:#c9ccd7;border:1px solid #43454f}.rail-server:before{height:22px!important;width:3px!important}.rail-bottom{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #34363e;border-radius:50%;font-size:0}.rail-status{width:6px;height:6px;border-radius:50%;background:#77b89a}
.sidebar{background:#25272d;padding:0 14px 0;gap:0;border-right:1px solid #17181c}.brand{height:80px;min-height:80px;margin:0 -14px 20px;padding:0 22px;box-shadow:none;border-bottom:1px solid #383a42;align-items:center;gap:10px}.brand-wordmark{font-size:15px;font-weight:650;letter-spacing:-.025em;line-height:1.13}.brand-wordmark>span{display:block;font-weight:450;color:#b2b5c0}.beta-tag{background:transparent;border:1px solid #484b57;color:#aeb3c6;font-size:8px;font-weight:550;letter-spacing:.1em;padding:4px 6px;border-radius:4px;white-space:nowrap}
.server-identity{padding:12px;margin:0 0 25px;gap:10px;border-radius:8px;background:#2c2e35;border:1px solid #3b3e47;color:#f1f2f6;text-decoration:none;transition:background .15s}.server-identity:hover{background:#34363e}.server-avatar{background:#3c4053;border:1px solid #53596e;color:#cdd5ff;width:34px;height:36px;border-radius:7px;font-size:13px;font-weight:600;letter-spacing:.02em}.server-identity strong{font-size:13px;font-weight:600;max-width:132px}.server-identity div>span{font-size:10px;letter-spacing:.01em;margin-top:3px;color:#a3a6b2}.server-switch{margin-left:auto;color:#9a9eae;font-size:17px}.side-caption{font-size:9px;letter-spacing:.12em;font-weight:600;margin:0 12px 12px;color:#9297a8}.workspace-nav{gap:5px}.sidebar .nav{min-height:43px;padding:11px 12px;border-radius:6px;position:relative;gap:12px;font-size:12px;font-weight:450;color:#b4b8c4}.nav svg{width:18px;height:18px;flex:none;color:#8e94a7}.sidebar .nav:hover{background:#30323a;color:#f1f2f6}.sidebar .nav.active{background:#363946;color:#e6e9ff}.nav.active svg{color:#b7c2ff}.sidebar .nav.active:before{content:"";position:absolute;left:-14px;top:13px;bottom:13px;width:3px;background:#b7c2ff;border-radius:0 3px 3px 0}.workspace-nav .nav:nth-child(5){margin-top:18px}.workspace-nav .nav:nth-child(5):after{content:"";position:absolute;left:12px;right:12px;top:-12px;height:1px;background:#393c45}.sidebar-note{margin: auto -14px 0;padding:19px 22px;background:#212329;border-top:1px solid #383a42;gap:9px;min-height:77px}.sidebar-note strong{font-size:11px;font-weight:500;color:#c5c9d4}.sidebar-note p{font-size:10px;line-height:1.5;color:#8f95a5;margin:5px 0 0}.local-dot{background:#77b89a;width:5px;height:5px;margin-top:6px}
.topbar{min-height:80px;background:#2d2f35;box-shadow:none;border-bottom:1px solid #202126;padding:17px 30px;z-index:30}.page-heading{gap:12px}.page-symbol{display:grid;place-items:center;width:30px;height:30px;border:1px solid #4a4d59;border-radius:7px;color:#adb5cf}.page-symbol svg{width:20px;height:20px}.topbar h1{font-size:15px;font-weight:600;margin-bottom:4px}.topbar p{font-size:11px;color:#a4a8b5}.top-actions{align-items:center;gap:18px}.top-actions #refreshBtn{font-size:11px;padding:8px 9px;color:#aeb3c0;font-weight:450}.profile-control{position:relative;flex:none}.top-actions .profile-button{display:flex;align-items:center;gap:8px;padding:4px!important;border:1px solid transparent;border-radius:9px;background:transparent;min-height:0}.top-actions .profile-button:hover,.top-actions .profile-button[aria-expanded=true]{background:#383b45;border-color:#4d5262}.profile-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#4b526b;color:#e4e9ff;font-size:13px;font-weight:600;position:relative;overflow:hidden}.profile-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.profile-avatar img[hidden]{display:none}.profile-chevron{width:14px;height:14px;color:#9fa5b8}.profile-menu{position:absolute;top:calc(100% + 12px);right:0;width:260px;max-width:calc(100vw - 24px);border-radius:10px;background:#202227;border:1px solid #444854;box-shadow:0 12px 36px #0006;padding:7px;z-index:60}.profile-menu[hidden]{display:none}.profile-summary{padding:13px 12px 16px;display:flex;flex-direction:column;gap:5px}.profile-kicker{font-size:8px;letter-spacing:.12em;color:#8f98ad;font-weight:600}.profile-summary strong{font-size:14px;font-weight:600;color:#eef0f7;overflow-wrap:anywhere}.profile-summary #profileDetail{font-size:11px;color:#a0a7b7}.profile-menu>a,.top-actions .profile-menu>button{display:flex;align-items:center;gap:11px;width:100%;padding:12px!important;border-radius:5px;border:0;background:transparent;color:#cdd2df;font-size:12px!important;font-weight:450;text-decoration:none;text-align:left;min-height:42px}.profile-menu svg{width:17px;height:17px;flex:none}.profile-menu .menu-arrow{margin-left:auto;width:14px;color:#747f99}.profile-menu>a:hover,.profile-menu>a:focus-visible{background:#35394b;color:#edf0ff}.menu-divider{height:1px;background:#3a3e48;margin:6px 5px}.top-actions .profile-menu>.profile-signout{color:#f0a4a9}.top-actions .profile-menu>.profile-signout:hover{background:#482e35;color:#ffbec3}.profile-signout[hidden]{display:none!important}
@media(max-width:800px){.shell{grid-template-columns:56px minmax(0,1fr)}.server-rail{padding-top:13px}.server-rail a{width:36px;height:36px;border-radius:11px}.sidebar{padding:9px 12px;background:#25272d;overflow:visible;border-bottom:1px solid #3a3d47}.brand,.server-identity,.side-caption,.sidebar-note{display:none}.workspace-nav{display:flex;gap:4px;padding:0;overflow:auto}.sidebar .nav{font-size:11px;padding:9px 12px;min-height:36px;white-space:nowrap}.nav svg{display:none}.workspace-nav .nav:nth-child(5){margin-top:0}.workspace-nav .nav:nth-child(5):after,.sidebar .nav.active:before{display:none}.topbar{min-height:74px;padding:15px 20px}.top-actions{gap:8px}.page-symbol{display:none}.profile-menu{top:calc(100% + 10px)}}
@media(max-width:480px){.shell{grid-template-columns:minmax(0,1fr)}.server-rail{display:none}.sidebar{padding:9px}.workspace-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.sidebar .nav{font-size:10px;justify-content:center;padding:9px 4px;white-space:normal;text-align:center;min-height:36px;line-height:1.35}.topbar{padding:13px 15px;gap:8px;flex-direction:row}.topbar h1{font-size:14px}.topbar p{font-size:10px;line-height:1.5;max-width:200px}.top-actions{flex-wrap:nowrap;gap:4px;flex:none}.top-actions #refreshBtn{padding:7px 4px;font-size:10px}.profile-avatar{width:30px;height:30px}.profile-chevron{display:none}.profile-menu{width:248px}.top-actions .profile-button{min-height:0}}

/* Compact brand lives in the rail; the workspace starts at the top. */
.server-rail .rail-home .rail-wordmark{position:static;display:block;font-size:9px;line-height:1.2;font-weight:650;letter-spacing:-.035em;color:#fff;text-align:center}
.server-rail .rail-home .rail-wordmark>span{position:static;display:block;font-size:inherit;line-height:inherit;color:inherit}
@media(min-width:801px){.sidebar{padding-top:18px}.server-identity{margin-bottom:25px}}

/* One continuous canvas; structural containers do not paint their own surfaces. */
:root{--studio-canvas:radial-gradient(ellipse 110vw 860px at 90vw -130px,rgba(79,73,176,.29),transparent 86%),#202024;--panel:transparent;--line:#ffffff12;--muted:#b5b5c0;background:#202024}
body{background:var(--studio-canvas);background-attachment:scroll;background-repeat:no-repeat;min-height:100vh}
.shell,.main,.page-content,.server-rail,.sidebar,.sidebar-note,.topbar,.panel,.connect-panel,.guided-panel,.guided-review,.server-list,.task-guide,.simple-more,.category-card,.permission-review,.role-explainer,.editor-automation details,.channel-row,.draft-tree,.job-events,#resumePanel,.danger-panel{background:transparent;box-shadow:none}
.server-rail,.sidebar,.sidebar-note,.topbar,.panel,.connect-panel,.task-guide,.simple-more,.category-card,.permission-review,.role-explainer,.editor-automation details,.channel-row,.draft-tree,.job-events,#resumePanel{border-color:transparent}
.panel,.task-guide,.simple-more,.category-card,.channel-row{border-radius:0}
.topbar{position:relative;top:auto;backdrop-filter:none}.panel-head,.mini-foot,.plan-foot,.guided-review,.guided-panel .guided-review,.studio-columns>.panel-body+section,.build-steps,footer{border-color:transparent}
.server-identity{background:transparent;border-color:#ffffff18}.server-identity:hover{background:#ffffff05}.sidebar .nav:hover{background:#ffffff08}.sidebar .nav.active{background:#ffffff0c}.workspace-nav .nav:nth-child(5):after{background:#ffffff10}.page-symbol{background:transparent;border-color:#ffffff20}
.status:not(.error){background:transparent;border-color:transparent;padding-left:0}.task-guide{padding-left:0;padding-right:0}.role-explainer{border-left:2px solid #ffffff18;border-radius:0}.simple-more{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.category-card{border-bottom:1px solid #ffffff12}.channel-row{border-bottom:1px solid #ffffff0b}.build-steps span{background:transparent}.build-steps .active{background:#414777}.permission-row,.staged-role{border-color:#ffffff0c}
.field input,.field textarea,.field select,.category-card input,.category-card textarea,.rename-panel select,.studio-columns select,.channel-type{background:rgba(18,18,22,.24);border:1px solid #484850;border-radius:6px}.field input:focus,.field textarea:focus,.field select:focus,.category-card input:focus{border-color:#8790ff}.category-top .category-name{background:transparent;border-color:transparent}.permission-actions{background:transparent;border:1px solid #ffffff15}
.profile-menu,.modal{background:var(--studio-canvas);background-attachment:fixed;border-color:#ffffff20;box-shadow:0 12px 36px #0005}.menu-divider{background:#ffffff10}.modal-backdrop{backdrop-filter:blur(4px);background:#0005}
@media(max-width:800px){.sidebar{background:transparent;position:relative;top:auto;border-color:transparent}.topbar{background:transparent}}

/* Quiet separators between the header, draft/status area and main content. */
.topbar{border-bottom:1px solid #303036}
.status{border:0;border-bottom:1px solid #303036;border-radius:0;padding-bottom:20px;margin-bottom:24px}
.status:not(.error){border-bottom-color:#303036}

/* Vertical separators match the horizontal section rules. */
@media(min-width:801px){.server-rail,.sidebar{border-right:1px solid #303036}}
@media(min-width:481px) and (max-width:800px){.server-rail{border-right:1px solid #303036}}

/* Native dropdown lists share the same dark palette as their controls. */
select{color-scheme:dark;cursor:pointer}
select option,select optgroup{background:#24242b;color:#e1e2ea;font-weight:450}
select option:checked{background:#3a3d53;color:#f4f5ff}
select option:disabled{color:#858895}
.field select,.rename-panel select,.studio-columns select,.channel-type{border-color:#3d3d46;transition:border-color .15s,background-color .15s}
.field select:hover,.rename-panel select:hover,.studio-columns select:hover{border-color:#5b5c6c;background-color:#ffffff04}
.field select:focus-visible{outline:2px solid #949bc9!important;outline-offset:2px}

/* App-rendered select popups: rounded, gradient-backed and Discord blurple. */
.studio-select-list{position:fixed;z-index:1500;overflow-y:auto;overscroll-behavior:contain;padding:5px;border:1px solid #484854;border-radius:6px;background:var(--studio-canvas);background-attachment:fixed;box-shadow:0 8px 24px #0004;scrollbar-width:thin;color:#e6e7ef;font-family:var(--font-ui);font-size:13px}
.studio-select-list[hidden]{display:none}
.studio-select-option{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;min-height:36px;border-radius:4px;cursor:pointer;line-height:1.45}
.studio-select-option>span:first-child{overflow-wrap:anywhere;min-width:0}
.studio-select-option[aria-selected=true]{background:#5865f226;color:#e8eaff}
.studio-select-option.is-active{background:#5865f2;color:#fff}
.studio-select-option[aria-disabled=true]{opacity:.45;cursor:not-allowed}
.select-check{font-size:14px;flex:none}
select.studio-select-open{border-color:#8790e0!important}

/* UI review: compact editor headers keep drag, name and actions together. */
@media(max-width:480px){.category-top{display:grid;grid-template-columns:28px minmax(0,1fr) repeat(3,28px);gap:3px}.category-top .category-name{width:100%;padding:8px 4px}.channel-controls .field{flex:1 1 calc(100% - 40px)}.sidebar .nav{font-size:11px}}

@media(max-width:800px){#pilotForm{align-items:stretch;gap:12px}#pilotForm>.field{width:100%;margin-bottom:0}#pilotForm #pilotDays{width:100%;max-width:none}#pilotForm #pilotGrant{width:100%;align-self:stretch;margin:8px 0 0}}

.setup-main code{color:#bec6ff}

/* Publishing progress uses the same charcoal/blurple palette while incomplete. */
progress{appearance:none;border:0;border-radius:99px;overflow:hidden;background:#35353e;height:6px}
progress::-webkit-progress-bar{background:#35353e;border-radius:99px}
progress::-webkit-progress-value{background:#5865f2;border-radius:99px}
progress::-moz-progress-bar{background:#5865f2;border-radius:99px}