/* Studio refinement: charcoal surfaces, compact forms, restrained maritime accents. */
.ux-advanced{margin-top:18px;border-top:1px solid #343b43}.ux-advanced>summary{padding:15px 0 0;cursor:pointer;font:550 12px system-ui;color:#c9b793}.ux-advanced>summary small{font:400 10px system-ui;color:#8d98a4;margin-left:12px}.ux-advanced[open]>summary{padding-bottom:18px}.ux-advanced-body>.field:last-child,.ux-advanced-body>.switch-row:last-child{margin-bottom:0}.ux-advanced-body{padding:0 0 4px}
:root{--bg:#15171a;--panel:#1e2125;--panel2:#262a2f;--surface:#1e2125;--line:#333941;--text:#e4e8ed;--muted:#8794a2;--violet:#bdab8b;--orange:#c9b695;--gold:#c9b695;--cyan:#7ca7b6}
body{background:#15171a!important;font:13px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text)}body:before{display:none!important}.shell{margin:0;max-width:none;border:0;background:none;min-height:100vh;grid-template-columns:240px minmax(0,1fr)}.shell>aside{top:0;height:100vh;background:#1a1d21!important;border-right:1px solid #30353b;padding:23px 12px 16px;gap:16px;scrollbar-color:#47505a transparent}
.brand{font:750 20px system-ui;color:#e2dacb;letter-spacing:-.6px;border-bottom:1px solid #30353b;padding:0 12px 19px}.brand:after{content:'COMMUNITY MANAGEMENT';font:8px system-ui;letter-spacing:1.2px;color:#76828f;left:57px}.logo{width:31px;height:31px;background:#bca67c0c;color:#cfbd9c;border:1px solid #b9a57b55;outline:0;border-radius:8px;box-shadow:none;font-size:20px}.server{background:#23272c;border:1px solid #38404a;border-radius:7px;box-shadow:none;padding:11px}.server strong{font:550 12px system-ui;color:#dbe2e9}.server small{color:#82909f;font-size:10px}.server-icon{width:31px;height:31px;background:#2a434c;color:#a9c5cc;border:1px solid #4d6870;border-radius:8px}.side-search{background:#15191e;border-color:#333c47;border-radius:6px;font-size:11px}.custom-link{font:550 11px system-ui;background:#bdab8b09;border:1px solid #81704d55;color:#cbbb9d;border-radius:6px;box-shadow:none;padding:12px}
.nav .group-title{font-size:9px;letter-spacing:1.25px;color:#738191;padding:10px 10px 5px;margin:13px 0 4px}.group-items{border:0;margin:0;padding:0}.group-items button{border-radius:6px!important;padding:9px 12px!important;font-size:11px!important;min-height:34px;color:#a5b0bd!important}.nav .ico{color:#7b8a9a!important;font-size:13px}.group-items button:hover{background:#ffffff05!important;color:#e7ecf1!important}.nav button.active{background:#bca67c0d!important;color:#dfcda8!important;box-shadow:inset 2px 0 #bca67c!important;outline:0}.nav button.active .ico{color:#c8b38e!important}.ux-nav-dot{width:5px;height:5px;opacity:.8}.profile{border-color:#303740;padding:16px 9px 0}.avatar{background:#2b3a44;border-color:#506372;color:#c2d0d8;font-size:10px}.profile strong{font-size:11px;color:#c3cdd7}.profile span{font-size:10px;color:#7e90a1}
main{background:none;padding:27px 35px 80px;max-width:1480px;margin:0 auto}.top{background:none;border-bottom:1px solid #2d3540;padding:0 0 18px;margin:0 0 25px}.top:after{display:none}.crumb{font-size:10px;color:#7d8c9c;letter-spacing:0}.crumb b{color:#bdcbd8!important}.mode-badge{font-size:9px;border-radius:5px!important;background:#243329!important;border-color:#48604c!important;color:#9ac2a3!important}
h1,h2,h3,.metric-value,.donut b{font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important}.custom-heading{margin:0 0 24px;gap:12px}.custom-heading h1,.headline h1{font-size:26px;letter-spacing:-.8px;font-weight:650;color:#edf1f5;line-height:1.3}.custom-heading h1:before{display:none}.custom-heading p,.headline p{font-size:12px;color:#8b9cac;line-height:1.7;margin-top:7px}.settings-stack,.settings-stack>form{gap:16px}.workspace-grid.has-preview{grid-template-columns:minmax(0,1fr) 280px;gap:22px}
.settings-card,.card,.bot-profile,.discord-preview,.template-card{background:#1e2227!important;border:1px solid #333c47!important;border-radius:8px!important;box-shadow:none!important}.settings-card:before,.card:before{display:none!important}.settings-card>h2{background:transparent;border-bottom:1px solid #303944;padding:16px 20px;font-size:12px;font-weight:600;color:#cbd7e2;letter-spacing:0}.settings-card>h2:before{display:none}.settings-body{padding:20px;gap:19px}.ux-collapse{font-size:15px;color:#6d8396}.field{gap:7px}.field>label,.field-label{font-size:11px;font-weight:550;color:#b4c4d3}.field small,.help{font-size:10px!important;color:#7f94a7!important;line-height:1.7}.field input:not([type=checkbox]):not([type=color]),.field textarea,.field select,.connection-box input,.table-search{background:#171c22!important;border:1px solid #394653!important;border-radius:6px!important;padding:10px 11px;font:12px/1.5 system-ui;color:#d0deea!important;box-shadow:none}.field input::placeholder,.field textarea::placeholder{color:#637d93}.field input:focus,.field textarea:focus,.field select:focus,.ux-search input:focus{outline:2px solid #b7a07844!important;outline-offset:1px;border-color:#918367!important}.field input[type=color]{background:#1c242c;border:1px solid #405160;border-radius:5px}
.btn,.ux-tools button,.ux-jumps button{background:#28323c!important;border:1px solid #43515f!important;color:#b3c6d7!important;border-radius:6px!important;box-shadow:none;outline:0;font:500 11px system-ui;padding:9px 12px}.btn:hover,.ux-tools button:hover,.ux-jumps button:hover{background:#303d49!important;color:#e7f0f6!important;border-color:#63788b!important}.save,.btn.primary{background:#c4af8c!important;border:1px solid #c4af8c!important;color:#25282a!important;outline:0;border-radius:6px!important;box-shadow:none!important;font:650 11px system-ui!important;letter-spacing:0;padding:10px 15px}.save:hover,.btn.primary:hover{background:#d6c3a3!important;border-color:#d6c3a3!important}.real-publish{background:#3b5864!important;border-color:#597988!important;color:#e3eef4!important}.real-publish:hover{background:#476c7e!important;color:#fff!important}
.live-toolbar{background:transparent;border:0;border-bottom:1px solid #303c47;border-radius:0;box-shadow:none;margin-bottom:20px;padding:0 0 13px;gap:6px;align-items:center}.live-toolbar span{font-size:10px!important;color:#8ca2b5!important}.live-toolbar .btn{padding:7px 9px;font-size:10px}.live-toolbar #runtime-toggle[data-active=true]{background:#23392e!important;color:#a0d0af!important;border-color:#466752!important}.live-toolbar #runtime-toggle[data-active=false]{background:#39272f!important;color:#d7a3b0!important;border-color:#684550!important}
.local-notice{background:#1d2832!important;border:1px solid #3a4b59!important;border-left:2px solid #6d8994!important;border-radius:6px;padding:11px 14px;margin-bottom:18px}.local-notice strong{font:550 10px system-ui;color:#b7cbdc}.local-notice small{font-size:10px;color:#7e9bb2}.local-notice>span:first-child{font-size:15px;color:#8eacb9}.local-notice #dirty-status{font-size:10px}.ux-capability{background:transparent;border:0;border-bottom:1px solid #303c47;border-radius:0;margin-bottom:17px}.ux-capability summary{font:10px system-ui;padding:0 0 12px;color:#899fb2}.ux-capability .capability-note{background:#252d35;border:1px solid #46525d;border-radius:6px;padding:12px 14px;color:#a8bccb}.capability-note:before{color:#c2b18e}
.module-tabs{gap:15px;border-color:#36434e;margin-bottom:19px}.module-tabs button{font:500 11px system-ui!important;padding:11px 1px!important;color:#8fa5b9!important}.module-tabs button[aria-selected=true]{color:#dac9a8!important;box-shadow:inset 0 -2px #baa47e;background:none!important}.ux-search input{background:#1a222a;border:1px solid #384957;border-radius:6px;font-size:11px;color:#bfceda;box-shadow:none;padding:10px 12px 10px 31px}.ux-search:before{color:#7b97ae;font-size:19px;top:6px}.ux-tools{gap:8px;margin-bottom:11px}.ux-tools button{font-size:10px;padding:9px 10px}.ux-count{font-size:9px;color:#7d95a9}.ux-jumps{gap:6px;padding-bottom:17px}.ux-jumps button{font-size:10px;background:#202b34!important;border-color:#3b4b59!important;padding:7px 9px}.ux-jumps .ux-index{font-size:9px;color:#7593ad}.ux-module-state{font-size:10px!important;padding:9px 11px!important;border-radius:6px!important}.ux-module-state[data-active=true]{background:#23392e!important;border-color:#486c55!important;color:#a1d5b1!important}.ux-module-state[data-active=false]{background:#3a2830!important;border-color:#684652!important;color:#dca8b5!important}.ux-draft{font-size:9px;color:#b8a47c}
.switch-row{padding:13px 0;border-color:#33424e;gap:12px}.switch-row strong{font-size:11px;color:#c0d1df;font-weight:500}.switch-row small{font-size:10px;color:#829fb4}.switch-row input[type=checkbox]{transform:scale(.92);box-shadow:none}.ux-switch-state{font-size:9px;min-width:52px}.pill-select label{background:#26333f;border:1px solid #425767;border-radius:5px;font-size:10px;color:#a1bbcf;padding:7px 9px}.pill-select label:has(input:checked){background:#29453a;border-color:#557b67;color:#bddaca}.record{background:#252f38!important;border:1px solid #3c4d5b!important;border-radius:6px!important;padding:12px!important}.record-main strong{font:550 11px system-ui;color:#cadbe8}.record-main small{font-size:10px;color:#87a5bd}.record-editor{background:#222f3a!important;border-color:#596e7f!important;border-radius:7px}.record-editor h3{color:#c9dae6;font-size:13px}.empty-state{font-size:11px;padding:22px!important;color:#839fb5}.save-bar{background:#25323df5;border:1px solid #526677;border-radius:7px;padding:11px 14px;box-shadow:0 5px 20px #0004;bottom:15px}.save-bar:before{display:none}.save-bar>span{font-size:10px;color:#94b0c7}.save-bar .save,.save-bar .btn{padding:9px 13px}
.live-preview{background:#1c2730;border:1px solid #415563;border-radius:8px;padding:17px;box-shadow:none;top:20px}.preview-label{font:550 9px system-ui;letter-spacing:1.4px;color:#88a4ba}.preview-server{font-size:11px;color:#c0d2e0}.preview-server .logo{width:26px;height:26px;border-radius:7px;font-size:16px}.preview-message,.embed-preview{background:#2a3946;border:1px solid #4c6071;border-left:3px solid #899fa7!important;border-radius:5px}.preview-message h3,.embed-preview h3{font:600 12px/1.45 system-ui;color:#e2edf4}.preview-message p,.embed-preview p{font-size:11px;line-height:1.65;color:#b1c9db}.preview-message small{font-size:9px;color:#8aa7be}.preview-buttons>span,.discord-button{font:10px system-ui;background:#435e73;border:1px solid #678397;border-radius:4px;color:#e0edf6}.app-badge{font-size:8px;background:#577b99;color:#e7f3fa}.profile-banner{background:linear-gradient(130deg,#294a5c,#354652)!important}.bot-name{color:#d8c7a8}.choices .choice{background:#293744;border:1px solid #506371;border-radius:6px;color:#a9bed0}.choices .choice.selected{background:#c4ad7d13;border-color:#a4916c;color:#dfcda9}.drop{background:#23313c;border-color:#587181;border-radius:7px}.drop strong{color:#c3c9b7}.demo-note{font-size:10px;color:#87a0b4}
.card{padding:19px}.card h2{font-size:13px;font-weight:600;color:#c9dbe9}.card .sub{font-size:10px;color:#829eb5}.metric-title{font-size:10px;color:#89a5bb}.metric-value{font-size:28px;font-weight:600;color:#e1edf5;letter-spacing:-1px}.trend{font-size:10px}.chart{background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,#49617544 48px)}.chart svg{filter:saturate(.45)}.donut:after{background:#1e2227}.module{background:#26343f!important;border:1px solid #415563!important;border-radius:6px!important}.module strong{font:550 11px system-ui;color:#ccdeeb}.module small{font-size:10px;color:#8ca9bf}.module-icon{background:#46627344!important;border:0;border-radius:7px;color:#a2bfd4!important}.event{border-color:#3a4f60}.event strong{font-size:11px;color:#cddeeb}.event p{font-size:10px;color:#8eaac0}.event time{font-size:9px;color:#7a9ab3}.data-table th{background:#263846;color:#98b6cd;font-size:9px;border-color:#486173}.data-table td{font-size:11px;padding:13px 17px;border-color:#3d5365;color:#b4cddd}.log-category,.permission-row{background:#263946;border:1px solid #496272;border-radius:6px}.permission-row summary{font:11px system-ui;color:#c5dae8}.template-art{background:radial-gradient(circle,#3e5964,#253440);height:100px}.template-card .settings-body h2{font-size:14px;color:#cbdde9}
.connection-screen{background:radial-gradient(ellipse at 65% 30%,#2b455444,transparent 60%),#151a20!important}.connection-box{background:#202c36;border:1px solid #506777;border-radius:12px;box-shadow:0 30px 100px #0005}.connection-box h1{font-size:25px;color:#e1edf5}.connection-box p{font-size:12px;color:#9cb8cd}.connection-box label{font-size:11px;color:#c8dce9}.connection-box a{color:#ddc9a8}.preview-dialog,.live-action-dialog{background:#243747;border:1px solid #5e798e;border-radius:10px;color:#daeaf5}.preview-dialog h2,.live-action-dialog h2{font-size:19px;color:#e3eff7}.mobile-menu{background:#334b5f!important;border-color:#6b8599!important;color:#e0edf5!important;font-size:11px}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c2ac86!important;outline-offset:3px}
@media(min-width:1600px){main{padding:32px 44px 85px;max-width:1500px}.shell{grid-template-columns:250px minmax(0,1fr)}}@media(max-width:1200px){.workspace-grid.has-preview{grid-template-columns:minmax(0,1fr)}.live-preview{position:static;grid-row:auto;max-width:none}main{padding:25px}.custom-layout{grid-template-columns:1fr}}@media(max-width:850px){.shell{grid-template-columns:215px minmax(0,1fr)}main{padding:22px}.custom-heading h1{font-size:24px}.custom-heading{flex-wrap:wrap}}@media(max-width:600px){.shell{display:block;margin:0}.shell>aside{height:100vh;top:0}main{padding:22px 16px 90px}.top{padding-top:34px}.custom-heading h1,.headline h1{font-size:24px}.settings-card>h2{padding:15px 16px}.settings-body{padding:17px}.save-bar{bottom:9px;padding:11px}.save-bar .save{flex:1;min-width:0;font-size:11px;white-space:normal}.save-bar>span{width:100%;text-align:left}.mobile-menu{top:12px;bottom:auto;right:14px}.ux-search{min-width:100%;flex-basis:100%}}