/* Approved Server Studio design system. Loaded last; application behavior lives in existing modules. */
:root{--canvas:#1e1f24;--surface:#25262d;--surface-raised:#292a34;--line:#3a3b46;--accent:#5865f2;--focus:#aaa7f5;--copy:#f2f2f7;--muted:#b6b7c7;color-scheme:dark}
body.studio-refresh{background:radial-gradient(ellipse 1100px 650px at 95% 0,#4e428a24,transparent 80%),var(--canvas);color:var(--copy);font-size:14px}
.studio-refresh .shell{display:grid;grid-template-columns:54px 210px minmax(0,1fr);grid-template-rows:1fr;min-height:100dvh;background:transparent}
.studio-refresh .server-rail{width:54px;padding:16px 7px;border-right:1px solid #34343e;background:#17181b55}
.studio-refresh .server-rail a{width:38px;height:38px;border-radius:12px}.studio-refresh .server-rail .studio-mark{width:38px;height:38px}
.studio-refresh .sidebar{position:sticky;top:0;height:100dvh;padding:16px 12px;display:flex;flex-direction:column;border-right:1px solid #34343e;background:transparent;overflow-y:auto}
.studio-refresh .server-identity{padding:10px;margin:0 0 24px;min-height:62px;background:#ffffff03;border-color:var(--line)}
.studio-refresh .server-identity strong{max-width:112px}.studio-refresh .server-identity div>span{font-size:11px}
.studio-refresh .side-caption,.nav-group-label{margin:0 10px 8px;font-size:10px;letter-spacing:.12em;color:#989aae;font-weight:650}
.nav-group-label{margin-top:24px}.studio-refresh .workspace-nav{display:flex;flex-direction:column;gap:4px}
.studio-refresh .sidebar .nav{min-height:40px;padding:10px;font-size:13px;border-radius:7px;font-weight:500;white-space:normal}
.studio-refresh .sidebar .nav.active{background:#8b82cb20;color:#eeebff}.studio-refresh .nav.active svg{color:#b9b2f2}
.studio-refresh .workspace-nav .nav:nth-child(5){margin-top:0}.studio-refresh .workspace-nav .nav:after{display:none}.studio-refresh .sidebar .nav.active:before{left:-12px;width:2px;background:#b8b0ed}
.studio-refresh .sidebar-note{background:transparent;margin-top:auto;padding:20px 10px;border-color:#34343e}.studio-refresh .sidebar-note p{font-size:11px}
.studio-refresh .main{min-width:0;background:transparent;grid-column:3;overflow:visible}
.studio-refresh .topbar{min-height:64px;padding:12px 24px;background:transparent;border-bottom:1px solid #34343e;position:relative;top:0;z-index:30}
.studio-refresh .topbar h1{font-size:20px;margin:0;font-weight:650;letter-spacing:-.025em}.studio-refresh .topbar p{display:none}.studio-refresh .page-symbol{display:none}.studio-refresh .top-actions{gap:12px}
.studio-refresh .page-content{padding:20px 24px 32px;max-width:1680px;margin:0 auto;min-width:0}
.studio-refresh .panel{border:0;background:transparent;box-shadow:none;min-width:0}.studio-refresh .panel-head,.studio-refresh .panel-body{padding:20px 0}
.studio-refresh .panel-head{border:0}.studio-refresh .panel-head h2{font-size:24px;margin:6px 0 8px;letter-spacing:-.025em}.studio-refresh .panel-head p{max-width:780px;font-size:14px;line-height:1.6}
.studio-refresh .eyebrow{font-size:10px;letter-spacing:.1em;color:#a7a5bb}.studio-refresh h3{font-size:16px}.studio-refresh p{line-height:1.6}
.studio-refresh button,.studio-refresh a.primary,.studio-refresh a.minor{border-radius:8px;min-height:40px;font-size:13px;font-weight:600;padding:10px 14px;transition:background .12s}
.studio-refresh .primary{background:var(--accent);color:#fff}.studio-refresh .primary:hover:not(:disabled){background:#6874f7}
.studio-refresh button.minor,.studio-refresh .minor,.studio-refresh button.outline{background:#ffffff08;border:1px solid var(--line);color:#dedee9}
.studio-refresh button.minor:hover:not(:disabled),.studio-refresh button.outline:hover:not(:disabled){background:#ffffff10}
.studio-refresh :is(input:not([type=checkbox]),textarea,select){font-size:14px;border-radius:8px;min-height:42px;background:#18191f70!important;border:1px solid var(--line);color:var(--copy)!important;padding:10px 12px;box-shadow:none;max-width:100%}
.studio-refresh input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}.studio-refresh label.field{font-size:13px;line-height:1.5}.studio-refresh .hint,.studio-refresh small{font-size:12px;color:var(--muted);line-height:1.6}
.studio-refresh :focus-visible{outline:2px solid var(--focus)!important;outline-offset:3px}.studio-refresh [hidden]{display:none!important}
.studio-refresh .task-guide{margin:0 0 12px;padding:0 0 12px;min-height:44px;border:0;border-bottom:1px solid #34343e;background:transparent;display:flex;gap:16px;align-items:center}
.studio-refresh .task-guide>div:first-child{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.studio-refresh #nextHelp{margin:0;font-size:12px;max-width:580px;color:var(--muted)}
.studio-refresh .work-state{font-size:10px;letter-spacing:.025em;border-radius:5px;background:#8e86db18;color:#c9c2f6;padding:5px 8px;white-space:nowrap}
.studio-refresh .task-buttons{display:flex;gap:8px}.studio-refresh #taskBack{font-size:12px;padding:8px 10px;min-height:36px;background:transparent}.studio-refresh #taskNext{min-height:36px;padding:8px 12px}
.studio-refresh .status{margin:0 0 20px;padding:8px 0;font-size:12px;background:transparent;border:0;min-height:0}.studio-refresh .status .pulse{width:5px;height:5px}
.studio-refresh .grid{gap:20px!important;align-items:start}
.studio-refresh[data-view=design] .grid{grid-template-columns:minmax(0,1fr) 250px!important}
.studio-refresh[data-view=design] .grid>#designer{grid-column:1!important;width:100%;max-width:none!important;margin:0}
.studio-refresh[data-view=design] .grid>.rightcol{grid-column:2!important;display:block!important;position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow:auto}
.studio-refresh #designer>.panel-head{padding:0 0 16px;min-height:42px;gap:12px;flex-wrap:wrap;border-bottom:1px solid #34343e}
.studio-refresh #designer>.panel-head>div:first-of-type{display:none}.studio-refresh #autosaveStatus{font-size:12px;margin:0;flex:1;color:var(--muted)}
.studio-refresh #designer>.panel-head>#previewBtn{display:none}.studio-refresh[data-view=design] #taskNext{display:block}
.studio-refresh #designer>.panel-body{padding-top:16px}.workspace-tools{margin:0 0 16px;border:1px solid var(--line);border-radius:8px;padding:12px 16px;background:#ffffff02}
.workspace-tools>summary{cursor:pointer;font-weight:600;font-size:13px}.workspace-tools>summary:focus-visible{outline-offset:4px}.workspace-tools[open]>summary{margin-bottom:18px}
.workspace-tools .row{flex-wrap:wrap}.workspace-tools #designState{flex-basis:100%}.studio-refresh .simple-more{padding:14px 0;border-color:#34343e;margin:12px 0;background:transparent}
.channel-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:480px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#ffffff02}
.channel-browser{min-width:0;background:#11121826;border-right:1px solid var(--line);padding:16px 10px;max-height:750px;overflow:auto}.browser-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.browser-heading h3{font-size:13px;margin:0 4px}.studio-refresh .browser-heading button{font-size:11px;min-height:30px;padding:6px}
.channel-tree-group{margin-bottom:20px}.studio-refresh .channel-tree button{display:block;max-width:100%;width:100%;text-align:left;min-height:36px;padding:8px;border:0;background:transparent;color:#b7b8c9;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-refresh .channel-tree .category-entry{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:650;color:#c5c3d7}.studio-refresh .channel-tree button[aria-pressed=true]{background:#8e86db20;color:#eeeaff}.studio-refresh .channel-tree button:hover{background:#ffffff09}.studio-refresh .channel-tree .tree-add{color:#9a99ad;font-size:11px}
.channel-inspector{min-width:0;padding:0 20px 20px}.inspector-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:0 -20px 24px;padding:0 20px;overflow:auto}
.studio-refresh .inspector-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:16px 0;font-size:12px;white-space:nowrap;color:var(--muted)}.studio-refresh .inspector-tabs button[aria-selected=true]{border-color:#a79be4;color:#eeebff}
.studio-refresh #categories{display:block;padding:0;min-width:0}.studio-refresh #categories>.category-card{display:none;background:transparent;border:0;padding:0;margin:0;min-width:0}.studio-refresh #categories>.selected-category{display:block}
.studio-refresh #categories .channel-row{display:none;border:0;padding:0;margin:0;min-width:0}.studio-refresh #categories .channel-row.selected-channel{display:block}
.studio-refresh #categories .category-top,.studio-refresh #categories .category-card>button{display:none}
.studio-refresh .editing-category #categories .category-top{display:flex;flex-wrap:wrap;padding:20px 0;margin:0;gap:8px}.studio-refresh .editing-category .category-top input{flex:1 1 180px;min-width:0}
.studio-refresh .editing-category #categories .channel-row{display:none}.studio-refresh #categories .channel-details{display:block;border:0;margin:0;padding:0}.studio-refresh #categories .channel-details>summary{display:none}
.studio-refresh #categories .channel-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.studio-refresh #categories .channel-controls .field{flex:1 1 180px;min-width:0}.studio-refresh #categories .channel-controls .channel-type{width:100px;margin-bottom:16px}.studio-refresh #categories .channel-controls button{min-width:34px;min-height:34px;padding:5px;margin-bottom:18px}
.studio-refresh #categories .channel-controls>.drag-handle{display:none}.studio-refresh #categories .channel-details label{margin:20px 0}.studio-refresh #categories .channel-details textarea{width:100%;min-height:110px}
.studio-refresh .channel-inspector:not([data-tab=details]) .channel-controls,.studio-refresh .channel-inspector:not([data-tab=details]) .inspector-field-details,.studio-refresh .channel-inspector:not([data-tab=permissions]) .inspector-field-permissions,.studio-refresh .channel-inspector:not([data-tab=post]) .inspector-field-post{display:none}
.permission-explanation{font-size:12px;line-height:1.7;padding:14px;background:#8e86db0b;border-left:2px solid #8e86db70}.permission-explanation a{color:#c0b7f0}.draft-safety-note{font-size:11px;color:var(--muted);margin:14px 0 0}.editor-empty{padding:30px 0;color:var(--muted)}
.studio-refresh .draft-preview{padding:18px;border:1px solid var(--line);border-radius:10px;background:#11121826}.studio-refresh .draft-preview h3{font-size:16px;margin-top:0}.studio-refresh .draft-preview p{font-size:12px}.studio-refresh .preview-toggle{display:none}
.studio-refresh .connect-panel .brand-banner{display:none}.studio-refresh #loginPanel:not([hidden]){padding:24px;border:1px solid var(--line);border-radius:12px;background:#ffffff02}.studio-refresh .connect-panel:has(#loginPanel:not([hidden])) .brand-banner{display:block;max-height:260px;object-fit:cover;border-radius:12px;margin-bottom:24px}
.studio-refresh #guildPanel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;max-width:960px;padding:20px;border:1px solid var(--line);border-radius:10px;background:#ffffff02}.studio-refresh #guildPanel #accountName{grid-column:1/-1;margin:0 0 4px;font-size:12px;color:var(--muted)}
.studio-refresh #guildPanel>.server-search{grid-column:1/-1;max-width:420px}.studio-refresh #guildPanel>.field{margin:0;min-width:0}.studio-refresh #guildPanel>.row{align-self:end;flex-wrap:wrap}.studio-refresh #pilotHint{grid-column:1/-1;margin:0}
.studio-refresh[data-view=server] .rightcol{grid-template-columns:minmax(0,1fr)!important}.studio-refresh .live{border:1px solid var(--line);border-radius:10px;background:#ffffff02}.studio-refresh .live .panel-head,.studio-refresh .live .server-list,.studio-refresh .live .mini-foot{padding:18px 20px}.studio-refresh .live .panel-head h2{font-size:18px}.studio-refresh .live .panel-head{border-bottom:1px solid var(--line)}
.live-tools{padding:16px 20px;border:1px solid var(--line);border-radius:8px;margin-top:16px;min-width:0}.live-tools>summary{font-size:13px;cursor:pointer}.studio-refresh .live-tools .rename-panel{display:block!important}.studio-refresh .live-tools .rename-panel .panel-head h2{font-size:18px}.studio-refresh .live-tools .panel-body{display:flex;flex-wrap:wrap;gap:12px}.live-tools .permission-warning{flex-basis:100%;margin:0}
.studio-refresh:not([data-view=server]) .live-tools{display:none}
.studio-refresh .guided-panel>.panel-head{display:none}.studio-refresh .build-steps{padding:0 0 20px;margin:0;border-bottom:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap}.studio-refresh .build-steps span{border-radius:6px;padding:9px 14px;font-size:12px;color:var(--muted)}.studio-refresh .build-steps .active{background:#8e86db24;color:#e2ddff}
.studio-refresh .guided-grid{grid-template-columns:minmax(0,1fr)}.studio-refresh #guidedForm{max-width:860px;width:100%;margin:auto;padding:28px 0}.studio-refresh #guidedForm legend{font-size:22px;margin-bottom:24px;letter-spacing:-.025em}.studio-refresh .guided-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-refresh .guided-features label{padding:20px;border:1px solid var(--line);border-radius:10px;background:#ffffff02;display:flex;gap:12px;align-items:center}.studio-refresh .guided-features label:has(input:checked){border-color:#9389d0;background:#8e86db12}.studio-refresh .build-controls{max-width:860px;width:100%;margin:0 auto;padding:20px 0}.studio-refresh .guided-review{border:1px solid var(--line);border-radius:10px;padding:24px}
.studio-refresh #roleWorkspace{margin:0 auto 28px;max-width:1680px;padding:0 24px}.studio-refresh #roleWorkspace>.panel-head{display:none}.role-editor-layout{position:relative;padding-left:200px!important}.role-browser{position:absolute;left:0;top:20px;width:176px;display:flex;flex-direction:column;gap:4px;padding-right:14px;border-right:1px solid var(--line)}
.studio-refresh .selector-entry{display:block;width:100%;text-align:left;background:transparent;border:0;font-weight:500;line-height:1.5;overflow-wrap:anywhere;color:var(--muted)}.studio-refresh .selector-entry[aria-pressed=true]{background:#8e86db24;color:#eeeaff}.studio-refresh .selector-entry:hover{background:#ffffff08}.selector-fallback{display:none!important}
.studio-refresh .role-explainer{background:#8e86db09;border-left:2px solid #8e86db55;border-radius:0;padding:14px 16px;margin:0 0 24px;font-size:12px}.studio-refresh #roleNotice{font-size:12px}.studio-refresh .permission-layout{grid-template-columns:minmax(0,1fr) 265px;gap:24px}.studio-refresh .permission-review{top:20px;background:#ffffff03;border:1px solid var(--line);border-radius:10px;padding:18px}.studio-refresh .permission-row{padding:18px 0;border-color:#34343e;align-items:start}.studio-refresh .permission-copy strong{font-size:14px}.studio-refresh .permission-copy p{font-size:12px;color:var(--muted)}.studio-refresh .permission-actions{background:#15161c80;padding:3px;border:1px solid #34343e;border-radius:8px}.studio-refresh .permission-actions button{font-size:11px;min-height:30px;padding:6px 8px;border:0}.studio-refresh .permission-actions .selected:not(.grant):not(.remove){background:#444250}.studio-refresh .permission-toolbar{gap:12px}
.studio-refresh .plan{border:1px solid var(--line);border-radius:10px;background:#ffffff02}.studio-refresh .plan .panel-head{padding:24px;border-bottom:1px solid var(--line)}.studio-refresh .plan-list{padding:0 24px}.studio-refresh .plan-foot{border-top:1px solid var(--line);padding:20px 24px;gap:12px}.studio-refresh .review-group{padding:16px 0;border-color:var(--line)}.studio-refresh .review-group h4{font-size:15px}.studio-refresh .review-operation{border-color:#34343e;padding:16px 0}.studio-refresh .diff-before{color:#f3b3bc}.studio-refresh .diff-after{color:#9bd5b5}
.studio-refresh #studioPanel>.panel-head{display:none}.studio-refresh #studioPanel{padding-top:24px}.studio-refresh #publishingSection,.studio-refresh #savedDesignSection{padding:24px;border:1px solid var(--line);border-radius:10px;background:#ffffff02}.studio-refresh .job-events{font-size:12px;padding:14px;background:#11121830;border-radius:8px}.studio-refresh progress{accent-color:#9a8ddd;height:9px;border-radius:8px;width:100%}.studio-refresh #resumePanel{padding:18px;border:1px solid #ad8b5360;border-radius:8px;background:#ad8b5309}.history-browser{display:grid;gap:6px;max-height:360px;overflow:auto;padding:6px 0 20px}.studio-refresh .history-browser .selector-entry{border:1px solid var(--line);font-size:12px;padding:14px}
.studio-refresh .polish-panel{margin:0 auto 28px;padding:0 24px;max-width:1680px}.studio-refresh .polish-panel>h2{display:none}.studio-refresh .polish-panel>p{color:var(--muted);font-size:13px}.studio-refresh #botsPanel{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px 32px}.studio-refresh #botsPanel>p,.studio-refresh #botsPanel>.row{grid-column:1/-1}.bot-browser{display:flex;flex-direction:column;gap:6px;max-height:550px;overflow:auto}.studio-refresh #botDetail{border:1px solid var(--line);border-radius:10px;padding:24px;background:#ffffff02}.studio-refresh #botDetail a{display:inline-flex;margin:12px 8px 0 0}.studio-refresh #styleSelections,.studio-refresh #styleReview{padding:20px;border:1px solid var(--line);border-radius:10px;margin:16px 0;background:#ffffff02}.studio-refresh #styleReview:empty{display:none}.studio-refresh #styleSelections label{padding:10px 8px;border-bottom:1px solid #34343e}.studio-refresh #styleActions{flex-wrap:wrap}
.studio-refresh .settings-help{padding:0 24px;max-width:1680px;margin:0 auto 28px}.settings-index{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.studio-refresh .settings-index button{font-size:12px}.studio-refresh .account-information,.studio-refresh .owner-tools,.studio-refresh #reset-server{border:1px solid var(--line);border-radius:10px;padding:24px;margin:24px;max-width:1600px;background:#ffffff02;scroll-margin-top:24px}.studio-refresh .account-information h2{font-size:20px}.studio-refresh .owner-tools>summary{font-size:15px;cursor:pointer}.studio-refresh .owner-tools .panel{margin:0}.studio-refresh .owner-panel .panel-body{padding:20px 0}.studio-refresh .owner-panel table{width:100%;font-size:12px;border-collapse:collapse}.studio-refresh .owner-panel td{padding:12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.studio-refresh .owner-panel .row{flex-wrap:wrap}.studio-refresh .account-danger{background:#762e3e;border:1px solid #ad5d6f;color:#fff}.studio-refresh .privacy-warning,.studio-refresh .permission-warning{background:#b9864210;border:1px solid #b9864255;color:#efcc99;padding:14px;border-radius:8px}
.studio-refresh footer{margin:32px 0 0;padding:16px 24px;border-top:1px solid #34343e;color:#9697aa;font-size:11px}.studio-refresh .profile-menu,.studio-select-list{background:linear-gradient(135deg,#282831,#24232e)!important;border:1px solid #4b475e!important;border-radius:10px!important;box-shadow:0 16px 40px #0006}.studio-select-option.is-active{background:#8174c733!important;color:#f2edff!important}.studio-refresh .profile-menu button[role=menuitem]{display:block;width:100%;text-align:left;background:transparent;border:0;padding:12px!important;font-weight:500}.studio-refresh .profile-menu button[role=menuitem]:hover{background:#8e86db20}.studio-refresh .profile-menu .profile-signout{color:#f0a4a9!important}
.studio-refresh .modal{background:linear-gradient(135deg,#282831,#23232c);border:1px solid #504961;border-radius:12px;max-height:90dvh;overflow:auto}.studio-refresh .modal-backdrop{background:#0d0e17b3;backdrop-filter:blur(3px)}
.navigation-toggle,.navigation-close,.navigation-veil{display:none}
.information-page{background:radial-gradient(ellipse 1100px 650px at 95% 0,#4e428a24,transparent 80%),#1e1f24;color:#f2f2f7}.information-page .info-shell{max-width:960px}.information-page h1{letter-spacing:-.03em}.information-page section{border-color:#3a3b46}.information-page :focus-visible{outline:2px solid #aaa7f5;outline-offset:3px}
/* Nova is docked inside the tutorial, never over a workspace control. */
.studio-refresh .tutorial-dialog{border-radius:14px;background:linear-gradient(115deg,#24242c,#302c43);border-color:#827aab66}.studio-refresh .tutorial-guide{grid-template-columns:290px minmax(0,1fr);padding:8px 24px 12px 4px;gap:12px}.studio-refresh .tutorial-guide .guide-avatar{width:290px;height:290px}.studio-refresh .tutorial-content{background:linear-gradient(115deg,#292833,#44395770);border:1px solid #b1a0df33;border-radius:12px}.studio-refresh .tutorial-content h2{font-size:22px}.studio-refresh .tutorial-workspace{min-height:220px}.studio-refresh .tutorial-actions{flex-wrap:wrap}.studio-refresh .tutorial-actions button{font-size:12px;min-height:36px;padding:8px 12px}
@media(max-width:1400px){.studio-refresh[data-view=design] .grid{grid-template-columns:minmax(0,1fr)!important}.studio-refresh[data-view=design] .grid>.rightcol{display:none!important;grid-column:1!important;position:static;max-height:none}.studio-refresh[data-view=design] .grid.preview-open>.rightcol{display:block!important}.studio-refresh .preview-toggle{display:block}.studio-refresh .permission-layout{grid-template-columns:minmax(0,1fr) 240px}.channel-workspace{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:1150px){.studio-refresh .shell{grid-template-columns:54px minmax(0,1fr)}.studio-refresh .main{grid-column:2}.studio-refresh .sidebar{display:none;position:fixed;left:54px;top:0;width:230px;height:100dvh;z-index:85;background:#22222b;border-right:1px solid #4b475e;padding:16px}.studio-refresh.navigation-open .sidebar{display:flex}.studio-refresh .navigation-toggle,.studio-refresh .navigation-close{display:block;background:transparent;border:1px solid var(--line);color:#ddd8f0}.studio-refresh .navigation-toggle{padding:8px 11px;min-width:40px;margin-right:12px}.studio-refresh .navigation-close{margin-bottom:16px}.studio-refresh.navigation-open .navigation-veil{display:block;position:fixed;inset:0;border:0;border-radius:0;background:#0b0c1466;z-index:80}.studio-refresh .topbar{display:flex}.studio-refresh .page-heading{flex:1}.studio-refresh .task-guide>div:first-child{display:block}.studio-refresh #nextHelp{margin-top:8px}.studio-refresh .role-editor-layout{padding-left:180px!important}.role-browser{width:160px}.studio-refresh .permission-layout{grid-template-columns:1fr}.studio-refresh .permission-review{position:static;order:0}.studio-refresh .permission-row{flex-wrap:wrap}.studio-refresh #guildPanel{grid-template-columns:1fr}.studio-refresh .server-identity,.studio-refresh .side-caption,.studio-refresh .sidebar-note{display:flex}.studio-refresh .side-caption{display:block}.studio-refresh .workspace-nav{overflow:visible}.studio-refresh .nav svg{display:block}}
@media(max-width:800px){.studio-refresh .shell{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr}.studio-refresh .server-rail{display:none}.studio-refresh .main{grid-column:1;grid-row:1}.studio-refresh .sidebar{left:0;width:240px;grid-column:auto;overflow:auto}.studio-refresh .workspace-nav{display:flex;flex-direction:column}.studio-refresh .sidebar .nav{justify-content:start;text-align:left;min-height:40px;font-size:13px}.studio-refresh .topbar{padding:12px 16px;min-height:64px}.studio-refresh .topbar h1{font-size:19px}.studio-refresh .page-content{padding:16px}.studio-refresh .top-actions #refreshBtn{font-size:0;width:36px;padding:8px}.studio-refresh .top-actions #refreshBtn:before{content:'↻';font-size:18px}.studio-refresh .task-guide{align-items:start;flex-wrap:wrap}.studio-refresh #nextHelp{display:none}.studio-refresh .task-buttons{margin-left:auto}.studio-refresh #taskBack{display:none}.studio-refresh .channel-workspace{grid-template-columns:170px minmax(0,1fr)}.studio-refresh .channel-inspector{padding:0 16px 16px}.studio-refresh .inspector-tabs{gap:14px;margin:0 -16px 16px;padding:0 16px}.studio-refresh .inspector-tabs button{font-size:11px}.studio-refresh #roleWorkspace,.studio-refresh .polish-panel{padding:0 16px}.studio-refresh .settings-help{padding:0 16px}.studio-refresh .account-information,.studio-refresh .owner-tools,.studio-refresh #reset-server{margin:16px;padding:18px}.studio-refresh .tutorial-guide{grid-template-columns:180px minmax(0,1fr);padding:8px 16px 12px 0;gap:4px}.studio-refresh .tutorial-guide .guide-avatar{width:180px;height:220px}.studio-refresh .tutorial-content h2{font-size:19px}.studio-refresh .tutorial-content{padding:14px}.studio-refresh .tutorial-content p{font-size:13px}.studio-refresh .profile-menu{right:0}}
@media(max-width:580px){.studio-refresh .topbar h1{font-size:17px}.studio-refresh .page-content{padding:16px 12px 24px}.studio-refresh .navigation-toggle{margin-right:8px}.studio-refresh .top-actions{gap:4px}.studio-refresh .profile-avatar{width:30px;height:30px}.studio-refresh .panel-head h2{font-size:23px}.studio-refresh .channel-workspace{grid-template-columns:minmax(0,1fr)}.channel-browser{max-height:260px;border-right:0;border-bottom:1px solid var(--line)}.channel-inspector{min-height:300px}.studio-refresh .channel-inspector .inspector-tabs{margin-bottom:20px}.studio-refresh .channel-workspace .browser-heading{margin-bottom:10px}.studio-refresh #categories .channel-controls .field{flex-basis:100%}.studio-refresh .role-editor-layout{padding-left:0!important}.role-browser{position:static;width:auto;max-height:180px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:6px;margin-bottom:20px}.studio-refresh .permission-actions{width:100%}.studio-refresh .permission-actions button{flex:1;min-height:40px}.studio-refresh .role-toolbar .field{min-width:0}.studio-refresh .guided-features{grid-template-columns:1fr}.studio-refresh .guided-features label{padding:16px}.studio-refresh #guildPanel{padding:16px}.studio-refresh #guildPanel>.row{flex-direction:column;align-items:stretch}.studio-refresh #botsPanel{grid-template-columns:1fr;gap:16px}.bot-browser{max-height:220px}.studio-refresh .row{flex-wrap:wrap}.studio-refresh .row.tight{flex-wrap:wrap}.studio-refresh .row>*{max-width:100%}.studio-refresh #publishingSection,.studio-refresh #savedDesignSection{padding:18px}.studio-refresh #designer>.panel-head{align-items:start}.studio-refresh #autosaveStatus{flex-basis:100%}.studio-refresh .preview-toggle{font-size:12px}.studio-refresh .plan .panel-head,.studio-refresh .plan-list,.studio-refresh .plan-foot{padding:18px}.studio-refresh .plan-foot{flex-wrap:wrap}.studio-refresh .tutorial-guide{grid-template-columns:90px minmax(0,1fr);padding:8px;gap:0}.studio-refresh .tutorial-guide .guide-avatar{width:95px;height:160px;align-self:start}.studio-refresh .tutorial-content h2{font-size:16px}.studio-refresh .tutorial-content p{font-size:12px}.studio-refresh .tutorial-content{padding:12px}.studio-refresh .tutorial-workspace{min-height:160px}.studio-refresh .tutorial-guide{max-height:48dvh;overflow:auto}.studio-refresh .tutorial-actions button{min-height:40px}.studio-refresh .modal-actions{flex-wrap:wrap}.studio-refresh .modal{padding:20px}.studio-refresh .task-guide{position:relative}.studio-refresh footer{padding:16px 12px}.studio-refresh .build-steps{gap:4px}.studio-refresh .build-steps span{font-size:11px;padding:8px}.studio-refresh .information-page{font-size:14px}}
@media(max-height:700px){.studio-refresh .tutorial-guide .guide-avatar{height:185px;width:185px}.studio-refresh .tutorial-guide{grid-template-columns:185px minmax(0,1fr)}.studio-refresh .tutorial-content h2{font-size:18px}.studio-refresh .tutorial-content p{font-size:12px}}
@media(max-width:580px) and (max-height:700px){.studio-refresh .tutorial-guide{grid-template-columns:75px minmax(0,1fr)}.studio-refresh .tutorial-guide .guide-avatar{width:80px;height:140px}}
@media(prefers-reduced-motion:reduce){.studio-refresh *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.studio-refresh .page-content:has(> .grid[hidden]),.studio-refresh:not([data-view=server]):not([data-view=design]):not([data-view=guided]):not([data-view=publish]) .page-content{padding-bottom:0}
.studio-refresh #categories .channel-controls>button:first-child{display:none}
.studio-refresh .channel-inspector:not([data-tab=details]) #categories .channel-controls{display:none}
.selected-channel-title{margin:0 0 20px;font-size:18px!important;overflow-wrap:anywhere}.studio-refresh .preset-native{display:none!important}
.studio-refresh .permission-choices{padding:0;border:0;margin:0}.studio-refresh .permission-choices legend{font-size:13px;margin-bottom:12px}
.studio-refresh #categories .permission-choice{display:flex;align-items:start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;margin:10px 0;background:#ffffff02;cursor:pointer}
.studio-refresh .permission-choice:has(input:checked){border-color:#a292df;background:#8e86db16}.permission-choice input{margin-top:4px}.permission-choice span{min-width:0}.permission-choice strong,.permission-choice small{display:block}.permission-choice small{margin-top:5px}
.permission-group-filter{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.studio-refresh .permission-group-filter button{font-size:10px;letter-spacing:.04em;padding:7px 10px;min-height:32px;background:transparent;border:1px solid var(--line);color:var(--muted)}.studio-refresh .permission-group-filter button[aria-pressed=true]{border-color:#8e86db88;background:#8e86db18;color:#ece7ff}.group-filtered{display:none!important}
@media(max-width:800px){.studio-refresh .task-guide{flex-wrap:nowrap;align-items:center;gap:8px}.studio-refresh .task-guide>div:first-child{flex:1;min-width:0}.studio-refresh .task-buttons{width:auto;flex:none;align-self:center}.studio-refresh #taskNext{font-size:12px;padding:8px 10px}.studio-refresh .task-guide .work-state{font-size:9px;white-space:normal}.studio-refresh #designer>.panel-head{padding-bottom:12px}.studio-refresh .status{margin-bottom:12px}}
.guild-browser{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;grid-column:1/-1;width:100%}.studio-refresh .guild-browser .selector-entry{border:1px solid var(--line);border-radius:9px;padding:20px 18px;min-height:72px;color:#e4e2ee;background:#ffffff02;font-size:15px}.studio-refresh .guild-browser .selector-entry[aria-pressed=true]{border-color:#a093dd88;background:#8e86db16}.studio-refresh .guild-browser .selector-entry[aria-pressed=true]:after{content:'Selected';display:block;font-size:10px;color:#bfb5ed;margin-top:6px;letter-spacing:.04em}.guild-browser:empty:before{content:'No servers match. Clear the search or sign in with the account that manages your server.';font-size:12px;color:#b6b7c7;line-height:1.7}.information-page .privacy-contents{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 24px;padding:20px;border:1px solid var(--line);border-radius:10px;margin:28px 0;font-size:13px;background:#ffffff02}.information-page section{scroll-margin-top:24px}