/* Discord-inspired workspace. Existing control IDs and publishing flows are retained. */
:root{color-scheme:dark;--green:#5865f2;--panel:#2b2d31;--line:#3b3d44;--muted:#b5bac1;font-family:"Segoe UI",ui-sans-serif,system-ui,sans-serif;background:#313338;color:#f2f3f5}
html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:#313338}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}a{color:#00a8fc}button{transition:background .15s,border-color .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid #a4adff!important;outline-offset:3px}::selection{background:#4752c4;color:white}*{scrollbar-width:thin;scrollbar-color:#1e1f22 transparent}
.shell{display:grid;grid-template-columns:72px 232px minmax(0,1fr);min-height:100vh}.server-rail{position:sticky;top:0;height:100vh;background:#1e1f22;display:flex;align-items:center;flex-direction:column;padding:12px 0;gap:12px}.server-rail a{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;text-decoration:none;font-size:26px;font-weight:750;color:#fff;background:#5865f2}.server-rail .rail-home{position:relative}.rail-home span{color:#c9cdfb;font-size:20px;position:absolute;right:9px;bottom:2px}.server-rail .rail-server{background:#35373c;color:#dbdee1;border-radius:50%;font-weight:500}.rail-server:before{content:"";width:4px;height:34px;border-radius:0 4px 4px 0;background:#f2f3f5;position:absolute;left:0}.rail-divider{height:2px;width:30px;background:#35363c}.rail-bottom{margin-top:auto;color:#23a55a;font-size:20px}.sidebar{display:flex;position:sticky;top:0;height:100vh;background:#2b2d31;padding:0 8px 12px;border:0;gap:4px}.brand{height:64px;margin:0 -8px 20px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1f2023;font-size:16px;letter-spacing:-.02em;box-shadow:0 1px 3px #0002}.beta-tag{font-size:9px;letter-spacing:.08em;background:#404249;color:#b5bac1;padding:3px 5px;border-radius:4px}.server-identity{display:flex;gap:10px;padding:0 10px 24px;align-items:center}.server-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;background:#404688;color:#e0e3ff;font-size:22px}.server-identity div{min-width:0}.server-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.server-identity div>span{display:block;font-size:11px;color:#949ba4;margin-top:4px}.side-caption{font-size:10px;letter-spacing:.06em;color:#949ba4;margin:0 12px 8px}.settings-caption{margin-top:30px}.workspace-nav{display:grid;gap:3px}.nav{padding:10px 11px;border-radius:4px;font-size:13px;font-weight:550;color:#b5bac1;gap:10px;text-decoration:none;min-height:40px}.nav>span{font-size:20px;width:22px;text-align:center;color:#949ba4}.nav.active{background:#404249;color:#fff}.nav.active span{color:#dbdee1}.nav:hover{background:#35373c;color:#dbdee1}.sidebar-note{background:transparent;border:0;border-top:1px solid #3b3d44;border-radius:0;padding:16px 10px 0;display:flex;gap:9px;align-items:start}.sidebar-note strong{font-size:12px;color:#dbdee1;font-weight:600}.sidebar-note p{font-size:11px;color:#949ba4;margin-top:4px}.local-dot{width:8px;height:8px;background:#23a55a;border-radius:50%;flex:none;margin-top:4px}
.main{padding:0;max-width:none;min-width:0;margin:0}.topbar{min-height:64px;position:sticky;top:0;z-index:5;background:#313338;border-bottom:1px solid #24262a;padding:13px 28px;align-items:center;box-shadow:0 1px 3px #0002;gap:16px}.page-heading{display:flex;gap:14px;align-items:center;min-width:0}.page-symbol{color:#80848e;font-size:29px;line-height:1}.topbar h1{font-size:16px;letter-spacing:0;margin:0 0 3px;font-weight:650}.topbar p{font-size:12px;color:#949ba4;margin:0}.top-actions{gap:8px}.top-actions button{padding:7px 10px;font-size:12px;background:transparent;border:0;color:#b5bac1}.top-actions button:hover{background:#404249;color:white}.page-content{padding:24px clamp(18px,3vw,42px);max-width:1550px;margin:auto}.status{margin:0 0 24px;padding:10px 13px;background:#2b2d31;border:1px solid #3b3d44;border-radius:6px;color:#b5bac1;font-size:12px}.status .pulse{box-shadow:none;background:#23a55a;width:6px;height:6px}.status.error{background:#422c30;border-color:#85434a;color:#ffb5b8}.panel{background:#2b2d31;border:1px solid #3b3d44;border-radius:8px;box-shadow:none}.panel-head{padding:22px 24px;border-color:#3b3d44}.panel-head h2{font-size:20px;font-weight:650;letter-spacing:-.025em;margin:7px 0}.panel-head p{font-size:13px;color:#b5bac1;line-height:1.6;max-width:680px}.eyebrow{font-size:10px;color:#949ba4;letter-spacing:.08em}.panel-body{padding:24px}.outline,.minor{border:0;background:#4e5058;color:#f2f3f5;border-radius:4px;font-size:12px;font-weight:550;padding:10px 14px;line-height:1.4}.outline:hover,.minor:hover{background:#6d6f78}.primary,.login-link{background:#5865f2;color:white;border-radius:4px;font-size:13px;font-weight:600;padding:11px 17px;line-height:1.4;text-decoration:none;display:inline-block;text-align:center}.primary:hover,.login-link:hover{background:#4752c4}.primary:disabled{opacity:.45}.primary.danger{background:#da373c;color:#fff}.primary.danger:hover{background:#a1282c}.field{font-size:12px;font-weight:650;color:#dbdee1;line-height:1.5;margin-bottom:20px;min-width:0}.field small{font-size:11px;color:#949ba4;font-weight:400}.field input,.field textarea,.field select,.category-card input,.category-card textarea,.rename-panel select,.studio-columns select{background:#1e1f22;border:1px solid transparent;color:#dbdee1;border-radius:4px;padding:11px 12px;outline:none;margin-top:7px;max-width:100%;font-size:13px}.field input:focus,.field textarea:focus,.field select:focus,.category-card input:focus{border-color:#5865f2}.hint,.empty{font-size:12px;color:#949ba4;line-height:1.6}.row{gap:12px;flex-wrap:wrap}.row.tight{gap:8px}.row>.field.grow{min-width:150px}.check-label{font-size:12px;color:#b5bac1}input[type=checkbox]{accent-color:#5865f2}.field input::placeholder,.field textarea::placeholder{color:#7d818b}.file-label{border-radius:4px}.template{width:160px}.panel-body>.primary{margin-top:12px}.section-head{margin-top:24px}.section-head h3{font-size:14px;color:#dbdee1}.categories{gap:14px}.category-card{background:#232428;border:1px solid #3b3d44;border-radius:6px;padding:14px}.category-top .category-name{background:transparent;border:0;color:#f2f3f5;font-weight:700}.category-top .minor{background:transparent;color:#949ba4}.category-top .minor:hover{background:#404249;color:white}.channel-row{background:#2b2d31;border:1px solid #3b3d44;border-radius:5px}.channel-type{background:#1e1f22;border:0;border-radius:4px;color:#b5bac1}.channel-details summary{color:#b5bac1;font-size:12px}.channel-details .field{margin:14px 0}.editor-automation{border-color:#3b3d44;margin-bottom:20px;padding-bottom:20px}.editor-automation details{background:#232428;padding:13px;border-radius:5px}.editor-automation summary{color:#dbdee1;font-weight:600}.editor-automation .row{align-items:center}.preset-grid{margin-top:20px}.remove{color:#949ba4}.remove:hover{color:#f23f43}.channel-controls .field input{font-size:13px}.channel-rows:empty{border-color:#4e5058}
.connect-panel{background:#2b2d31;border-color:#3b3d44;margin:0 0 24px}.connect-panel .panel-head{border-bottom:0;padding-bottom:0}.connect-panel .panel-head h2{font-size:24px}.connect-panel .panel-body{padding-top:18px}.connect-panel .field{min-width:0}#guildPanel{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:14px 20px;width:100%;align-items:end}#guildPanel #accountName{grid-column:1/-1;color:#949ba4;font-size:12px}#guildPanel>.field{max-width:none}#guildPanel>.row{margin:0;align-items:center}#guildPanel #pilotHint{grid-column:1/-1;font-size:11px}#guildPanel .row>button{min-height:41px}#guildSelect{max-width:none}.login-link{height:auto!important}#accountHint{max-width:none}.live-badge{background:#244032;border:0;color:#6bd89c;font-size:10px;border-radius:4px}.live-badge .pulse{background:#23a55a;box-shadow:none}.server-list{background:#2b2d31;min-height:220px;max-height:540px;padding:16px}.server-category{color:#949ba4;font-size:11px;letter-spacing:.03em;margin-top:20px}.server-channel{font-size:14px;color:#b5bac1;padding:5px 8px;margin:1px 0;border-radius:4px}.server-channel:hover{background:#35373c}.server-channel span{font-size:20px;color:#80848e;vertical-align:middle;margin-right:8px}.mini-foot,.plan-foot{border-color:#3b3d44;color:#949ba4;font-size:11px;padding:15px 20px;flex-wrap:wrap}.plan-item{color:#dbdee1;border-color:#3b3d44;line-height:1.7}.plan-item span{color:#a4adff}.plan-list{max-height:520px;min-height:160px}.plan-conflict{color:#ffa2a5}.plan-foot .primary{white-space:normal}.rename-panel .panel-body{flex-wrap:wrap;align-items:center}.rename-panel select{margin:0;min-width:140px}.studio-panel{margin:24px 0 0}.studio-columns>.panel-body+section{border-color:#3b3d44}.studio-columns h3{font-size:16px}.studio-columns select{margin:16px 0}.job-events{background:#1e1f22;border-radius:4px}.studio-columns progress{accent-color:#5865f2}#resumePanel{border-color:#5865f2;background:#242630;border-radius:5px}.owner-panel{margin-top:0}.owner-panel form .primary{margin-bottom:20px}.danger-panel{margin-top:24px;background:#33292c;border-color:#754047}.danger-panel .panel-head p{color:#d8b0b4}.danger-panel .outline{background:#da373c;color:white}.danger-panel .outline:hover{background:#a1282c}.pilot-row{border-color:#3b3d44}.guided-panel{background:#2b2d31;border-color:#3b3d44;margin:0}.guided-review{background:#232428;border-color:#3b3d44}.guided-grid legend{color:#f2f3f5;font-size:14px}.guided-features{gap:14px}.guided-features label{color:#b5bac1;font-size:13px}.guided-features input{accent-color:#5865f2}.guided-review #draftStatus,.draft-notes{color:#b5bac1}.draft-tree{background:#1e1f22;border-radius:4px}.draft-tree h4{color:#a4adff}.draft-tree section>div{color:#b5bac1;font-size:13px}.modal-backdrop{background:#000b;backdrop-filter:blur(3px);z-index:40}.modal{background:#313338;border:1px solid #45474f;border-radius:8px;padding:26px;box-shadow:0 16px 60px #0006}.modal h2{font-size:23px;letter-spacing:-.02em}.modal p,.modal li{color:#b5bac1}.modal-actions{margin-top:26px;gap:10px}footer{border-top:1px solid #3b3d44;margin:0;padding:16px 30px;font-size:10px;color:#80848e}.workspace-required{padding:60px 20px;text-align:center;color:#b5bac1}.workspace-required h2{color:#f2f3f5;font-size:24px}.workspace-required p{font-size:14px;margin-bottom:24px}.empty-symbol{display:inline-grid;place-items:center;width:72px;height:72px;background:#404249;border-radius:24px;font-size:42px;color:#949ba4}.setup-main{padding:40px 24px;max-width:800px;margin:auto}
/* Each workspace has one clear purpose. DOM nodes stay mounted to preserve drafts. */
body:not([data-view=server]) #connectPanel,body:not([data-view=guided]) #guidedPanel,body:not([data-view=settings]) .owner-panel,body:not([data-view=settings]) #reset-server,body:not([data-view=publish]):not([data-view=history]) #studioPanel{display:none!important}
body:not([data-view=design]):not([data-view=server]):not([data-view=publish]) .grid{display:none!important}
body[data-view=server] .editor,body[data-view=server] .plan,body[data-view=design] .live,body[data-view=design] .rename-panel,body[data-view=publish] .editor,body[data-view=publish] .live,body[data-view=publish] .rename-panel{display:none!important}
body[data-view=server] .grid,body[data-view=publish] .grid,body[data-view=design] .grid{grid-template-columns:minmax(0,1fr)}
body[data-view=server] .rightcol{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);align-items:start}
body[data-view=design] .rightcol{display:none}body[data-view=design] .editor{max-width:1000px;margin:auto;width:100%}body[data-view=publish] .rightcol{display:block}
@media(min-width:1500px){body[data-view=design] .grid{grid-template-columns:minmax(0,1fr) 360px}body[data-view=design] .rightcol{display:block;position:sticky;top:88px}.editor{max-width:none!important}}
@media(max-width:1150px){.shell{grid-template-columns:64px 200px minmax(0,1fr)}.topbar{padding:14px 20px}.page-content{padding:20px}.topbar p{display:none}#guildPanel{grid-template-columns:1fr}#guildPanel>*{grid-column:1!important}body[data-view=server] .rightcol{grid-template-columns:1fr}.brand{padding:0 12px}.nav{font-size:12px;padding:9px 8px}.server-identity{padding-left:6px}}
@media(max-width:800px){.shell{grid-template-columns:56px minmax(0,1fr)}.server-rail{width:56px}.server-rail a{width:38px;height:38px;font-size:22px;border-radius:12px}.sidebar{grid-column:2;position:sticky;top:0;width:100%;height:auto;z-index:10;padding:8px;background:#2b2d31;border-bottom:1px solid #1e1f22;display:block}.brand,.server-identity,.side-caption,.sidebar-note{display:none}.workspace-nav{display:flex;overflow:auto;gap:4px;padding-bottom:4px}.nav{flex:none;white-space:nowrap;min-height:36px;padding:7px 10px;font-size:12px}.nav>span{display:none}.sidebar>.nav{display:inline-flex;margin-top:3px}.server-rail{grid-row:1/3}.main{grid-column:2}.topbar{position:relative;top:auto;padding:16px;align-items:center}.topbar h1{font-size:16px}.page-symbol{display:none}.page-content{padding:16px}.panel-head,.panel-body{padding:18px}.panel-head.horizontal{flex-wrap:wrap;gap:10px}.guided-grid,.studio-columns{grid-template-columns:1fr}.guided-review{border-left:0;border-top:1px solid #3b3d44}.studio-columns>.panel-body+section{border-left:0;border-top:1px solid #3b3d44}.panel-head h2{font-size:19px}.guided-panel .panel-head h2{font-size:23px}.top-actions{gap:0}.top-actions button{font-size:11px;padding:6px}.connect-panel .panel-head h2{font-size:22px}footer{padding:16px}}
@media(max-width:480px){.shell{grid-template-columns:1fr}.server-rail{display:none}.sidebar,.main{grid-column:1}.topbar{flex-direction:row}.page-content{padding:12px}.row{flex-direction:column}.row.tight{flex-direction:row}.top-actions{flex-wrap:nowrap}.topbar h1{font-size:15px}.panel-head,.panel-body{padding:16px}.template{width:100%}.guided-features{grid-template-columns:1fr}.category-top{gap:3px}.category-top .minor{padding:6px}.plan-foot{align-items:stretch}.plan-foot .primary{width:100%}#guildPanel>.row{flex-direction:column;align-items:stretch;width:100%}#guildPanel>.row button{width:100%}.rename-panel .panel-body{align-items:stretch}.rename-panel select{width:100%}.studio-columns .row>button{width:100%}.mini-foot{align-items:start;flex-direction:column}.channel-controls .field{flex-basis:100%}.preset-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.editor>.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.editor>.panel-head>.primary{flex:none}.settings-help{margin-bottom:24px;padding:24px}.settings-help details{font-size:14px;line-height:1.7}.settings-help summary{font-weight:650;cursor:pointer}.settings-help .hint{max-width:760px}.settings-help button{margin:8px 8px 0 0}body:not([data-view=settings]) .settings-help{display:none!important}@media(max-width:570px){.editor>.panel-head{align-items:start;flex-direction:column}.editor>.panel-head>.primary{width:100%}.settings-help{padding:18px}}
@media(max-width:800px){.shell{grid-template-rows:auto minmax(0,1fr)}.sidebar{min-width:0;align-self:start}.main{width:100%;min-width:0}.topbar .page-heading{flex:1;min-width:0}.topbar .top-actions{flex-shrink:1}.workspace-nav{max-width:100%}.sidebar>.nav{max-width:100%}}
@media(max-width:480px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{width:100%;height:auto}.topbar{gap:8px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.page-content{min-width:0}.panel,.rightcol{min-width:0}.studio-columns select{font-size:12px}}
@media(max-width:480px){.workspace-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:visible;padding:0}.workspace-nav .nav{white-space:normal;font-size:12px}.sidebar>.nav{display:flex;margin-top:4px}.sidebar{padding:8px}.topbar{padding:14px 16px}}