:root{color-scheme:dark;--bg:#10131e;--panel:#191d2b;--line:#2b3041;--muted:#9a9fb5;--text:#edf0fb;--accent:#a494ff;--green:#68d8ac;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a.button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c1b6ff;outline-offset:3px}[hidden]{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{width:224px;flex-shrink:0;background:#131724;border-right:1px solid var(--line);padding:32px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:750;letter-spacing:-.6px}.logo{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--accent);color:#171226;font-size:29px}.workspace-label{font-size:9px;letter-spacing:1.8px;color:#6e768e;margin:49px 12px 17px}.nav{background:none;border:0;color:var(--muted);padding:13px 15px;border-radius:8px;text-align:left;width:100%;margin-bottom:7px;display:flex;gap:14px;font-size:15px}.nav.active{background:#28243d;color:#c1b5ff}.sidebar-bottom{margin-top:auto;font-size:10px;color:#a5abc1}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px;vertical-align:middle}.sidebar-bottom p{font-size:12px;color:#666f86;line-height:1.8;margin-top:20px}.workspace{margin-left:224px;min-width:0;flex:1}header{height:80px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 15px;color:#4c5268}.breadcrumb strong{font-weight:500;color:#d1d5e6}#account{display:flex;align-items:center;gap:16px;font-size:12px}main{max-width:1350px;margin:auto;padding:44px 42px 20px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:700}h1{font-size:34px;font-weight:650;letter-spacing:-1.4px;line-height:1.22;margin:12px 0}h1 span{color:var(--accent)}h2{font-size:22px;letter-spacing:-.6px;font-weight:600;margin:23px 0 10px}p{line-height:1.7}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.heading p,.muted{color:var(--muted);font-size:13px}.heading p{margin:10px 0 25px}.badge,.pill{border:1px solid #373248;border-radius:20px;background:#252139;padding:7px 11px;font-size:10px;color:#b5a6f4;white-space:nowrap}.serverbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:7px 0 22px;padding:17px 20px;border:1px solid var(--line);border-radius:10px;background:#171b28}.serverbar label,.typebar label{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:12px}.serverbar select{min-width:230px;background:#202535}.text-link{color:#b4a5fc;font-size:12px;cursor:pointer}.typebar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.typebar select{min-width:240px}.steps{padding:0;list-style:none;display:flex;gap:0;margin:0 0 30px}.steps li{flex:1;position:relative}.steps li:not(:last-child):after{content:'';position:absolute;height:1px;left:38px;right:14px;top:16px;background:var(--line)}.step-button{border:0;background:transparent;color:#7f879f;display:flex;flex-direction:column;gap:10px;align-items:flex-start;font-size:11px;padding:0;white-space:nowrap}.step-number{display:grid;place-items:center;width:32px;height:32px;border:1px solid #343a4f;border-radius:50%;background:#171b29;font-size:12px}.current .step-button{color:#c8bdff}.current .step-number{border-color:#ac9cff;background:#302a49;color:#d3caff;box-shadow:0 0 0 5px #a494ff0a}.done .step-number{border-color:#426c60;color:var(--green);background:#1c332e}.editor-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,.95fr);gap:25px;align-items:start}.card{background:linear-gradient(135deg,#1b1f2e,#181c29);border:1px solid var(--line);border-radius:13px;padding:26px}.editor{min-height:380px}.card-top{display:flex;justify-content:space-between;align-items:center}.mini-label{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#a5acc2}.soft-label{font-size:10px;color:#727b94}.editor .muted{margin:0 0 25px}.field{display:block;margin:18px 0;color:#d5d9e9;font-size:12px}.field .hint{display:block;font-size:11px;color:#858ea8;margin:7px 0;line-height:1.6}input,select,textarea{display:block;width:100%;border:1px solid #373d52;border-radius:7px;background:#121724;color:#e9ecf7;padding:11px 12px;margin-top:9px}select{width:auto;max-width:100%;margin:0;padding-right:30px}.field select{width:100%;margin-top:9px}textarea{resize:vertical;min-height:110px;line-height:1.6}input[type=color]{height:42px;padding:5px;cursor:pointer}input[type=checkbox]{display:inline;width:auto;margin-right:8px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.button,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:7px;padding:12px 18px;font-size:12px;font-weight:600;border:1px solid transparent;line-height:1.2}.button{background:#ab9bff;color:#1b1530;box-shadow:0 3px 14px #9179ff12}.button:hover{background:#c0b3ff}.secondary{border-color:#383f55;background:#222738;color:#c1c7dc}.secondary:hover{background:#30364b}.small{padding:9px 12px;font-size:11px}.wizard-footer{border-top:1px solid var(--line);padding-top:22px;margin-top:28px;display:flex;justify-content:space-between;gap:15px}details{border:1px solid var(--line);padding:14px;border-radius:8px;margin-top:20px}summary{cursor:pointer;font-size:12px;color:#aab0c7}details p{font-size:11px;color:var(--muted)}.preview-label{display:flex;justify-content:space-between;align-items:center;margin:6px 0 17px;gap:8px}.preview-label>span:last-child{font-size:10px;color:#7f899f}.discord-preview{background:#303137;border:1px solid #42434e;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #0002}.discord-channel{height:48px;border-bottom:1px solid #25262c;padding:12px 18px;color:#9598a4;font-size:20px}.discord-channel span{font-size:13px;color:#d8d9e0;vertical-align:middle;font-weight:600;margin-left:5px}.discord-channel .channel-mark{float:right;color:#999}.discord-message{padding:25px 18px 32px;display:flex;gap:12px}.bot-avatar{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;background:#9e8ded;color:white;border-radius:50%;font-size:26px;font-weight:700}.message-body{min-width:0;flex:1}.message-author{font-size:12px;font-weight:650;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.app-tag{font-size:8px;background:#5865f2;padding:2px 4px;color:#fff;border-radius:3px}.message-author small{font-size:9px;color:#9598a4;font-weight:400;margin-left:3px}.embed{background:#292a2f;border-left:4px solid #a494ff;border-radius:4px;padding:15px;margin:9px 0 9px;overflow-wrap:anywhere}.embed h3{font-size:14px;margin:0 0 9px;color:#fff}.embed p{font-size:12px;color:#d2d3da;white-space:pre-wrap;margin:0;line-height:1.6}.discord-button{display:inline-block;padding:9px 13px;background:#5865f2;border:0;color:white;font-size:11px;border-radius:4px;font-weight:500;max-width:100%;overflow-wrap:anywhere}#preview-button{cursor:default}.tip{display:flex;align-items:flex-start;gap:11px;border:1px solid #303549;background:#1b2030;border-radius:9px;padding:5px 16px;margin-top:18px}.tip>span{color:var(--accent);font-size:22px;padding-top:10px}.tip p{font-size:11px;color:#929bb4;line-height:1.8}.tip strong{font-weight:550;color:#c5cbe1}.preview-note{font-size:10px;color:#727b94;text-align:center}footer{border-top:1px solid var(--line);margin-top:45px;padding:21px 0 6px;font-size:11px;color:#777f98;display:flex;gap:18px;align-items:center}footer a{margin-left:auto;font-size:10px}footer>span{font-size:10px;color:#555e77}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));background:#29233d;color:#eee7ff;border:1px solid #695c99;padding:16px 20px;border-radius:10px;box-shadow:0 12px 60px #0007;z-index:10;font-size:13px;line-height:1.6}#notice.error{border-color:#ba666e;background:#39242f}#published{background:#18332c;border:1px solid #355c4f;padding:16px;border-radius:8px;margin-top:20px;color:#a7e4cd}#published a{text-decoration:underline}.welcome{padding:28px 0}.welcome h1{font-size:58px;line-height:1.15;letter-spacing:-2.5px;margin:20px 0}.welcome em{font-style:normal;color:#b1a2ff}.welcome>p{font-size:16px;color:var(--muted);margin:22px 0 30px}.welcome-preview{margin-top:55px;max-width:850px}.sample-ticket{display:flex;gap:20px;align-items:flex-start;border:1px solid #3b3653;background:linear-gradient(130deg,#232038,#1b2030);border-radius:13px;padding:30px;margin-top:16px}.sample-ticket p{font-size:12px;color:var(--muted);margin:8px 0 17px}.ticket-icon{display:grid;place-items:center;font-size:30px;color:#c3b4ff;background:#3d325a;border-radius:13px;width:55px;height:55px}.sample-ticket .pill{margin-left:auto;color:var(--green);border-color:#3b5a50;background:#21392e}.welcome-facts{display:flex;gap:28px;font-size:11px;color:#8b95ad;margin:24px 0}.ticket-list-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.ticket-list-heading h2{margin-top:0}.ticket-row{padding:20px 0;border-top:1px solid var(--line)}.ticket-row h3{font-size:13px;margin:0 0 7px;overflow-wrap:anywhere}.ticket-meta{font-size:11px;color:var(--muted);margin-bottom:13px}.ticket-actions{display:flex;gap:7px;flex-wrap:wrap}.ticket-actions a{text-decoration:underline;color:#bcaeff;padding:8px}.empty{padding:35px 0;color:var(--muted);font-size:13px}.review{padding:0;list-style:none}.review li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px}.review li span{color:var(--muted)}.review li strong{text-align:right;overflow-wrap:anywhere;min-width:0}#more{margin-top:20px}@media(min-width:1550px){main{padding-top:60px}.editor{min-height:420px}}@media(max-width:1100px){.sidebar{width:185px;padding:28px 16px}.workspace{margin-left:185px}header{padding:0 26px}main{padding:32px 26px 16px}.heading .badge{display:none}.editor-layout{gap:18px}.card{padding:21px}.message-author small{display:none}.preview-label>span:last-child{display:none}.steps .step-button{font-size:10px}}@media(max-width:850px){.sidebar{width:74px;padding:25px 14px}.brand{font-size:0}.logo{font-size:28px}.workspace-label,.nav span,.sidebar-bottom{display:none}.nav{font-size:20px;padding:12px;text-align:center;margin-top:20px}.workspace{margin-left:74px}.editor-layout{grid-template-columns:1fr}.preview-column{max-width:none}.welcome h1{font-size:43px}.welcome-facts{flex-wrap:wrap;gap:12px}.serverbar{align-items:flex-start;flex-direction:column}.serverbar label{width:100%}.serverbar select{flex:1;min-width:0}.preview-label>span:last-child{display:block}.welcome-preview .pill{display:none}}@media(max-width:520px){header{padding:0 16px;height:65px}.breadcrumb{display:none}#account{width:100%;justify-content:flex-end}main{padding:28px 16px 12px}.sidebar{width:58px;padding:23px 10px}.workspace{margin-left:58px}.logo{width:33px;height:33px}.nav{padding:8px}.heading h1{font-size:28px}.steps{gap:6px}.step-button{font-size:9px!important;white-space:normal}.steps li:after{display:none}.typebar{gap:10px;align-items:flex-end}.typebar label{display:block}.typebar select{min-width:0;width:100%;margin-top:9px}.typebar .secondary{white-space:nowrap;padding:9px}.serverbar select{width:100%}.serverbar label{display:block}.serverbar select{margin-top:8px}.card{padding:18px}.welcome h1{font-size:36px;letter-spacing:-1.5px}.sample-ticket{padding:20px 16px;gap:12px}.ticket-icon{width:35px;height:35px;flex-shrink:0;font-size:23px}.welcome-facts{font-size:10px}footer>span{display:none}footer{gap:8px}.two-fields{gap:10px}.discord-message{padding:20px 12px;gap:9px}}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23a494ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:36px}
input[type=checkbox]{appearance:none;display:inline-grid;place-content:center;width:18px;height:18px;padding:0;margin:0 8px 0 0;vertical-align:middle;border-radius:4px;cursor:pointer}
input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}
input[type=checkbox]:checked:after{content:'';width:8px;height:5px;border:solid #1b1530;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
input[type=checkbox]:disabled{opacity:.5;cursor:default}
.bot-status .status-dot{background:var(--muted)}.bot-status.online{color:var(--green)}.bot-status.online .status-dot{background:var(--green);box-shadow:0 0 7px #68d8ac66}
#language{margin-left:auto;font-size:11px;flex-shrink:0}footer{flex-wrap:wrap}.credit{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;padding-top:12px}.credit svg{color:var(--accent);flex-shrink:0}
@media(max-width:520px){header{gap:8px}#account{width:auto;gap:8px}#account>span{max-width:70px;overflow:hidden;text-overflow:ellipsis}#language{max-width:110px;padding-left:8px}}
@media(forced-colors:active){select,input[type=checkbox]{appearance:auto}input[type=checkbox]:checked:after{content:none}.bot-status.online .status-dot{background:Highlight}}

select{transition:border-color .15s,box-shadow .15s,background-color .15s}
select:not(:disabled):hover{border-color:var(--accent);background-color:#22263a;box-shadow:0 0 0 3px #a494ff12}
option{background:#191d2b;color:var(--text)}
@supports (appearance:base-select){
  select:not([multiple]),select:not([multiple])::picker(select){appearance:base-select}
  select:not([multiple]){background-image:none;padding-right:12px}
  select::picker(select){background:#191d2b;color:var(--text);border:1px solid #45405f;border-radius:10px;padding:5px;box-shadow:0 12px 32px #0007;max-height:320px;overflow:auto;margin-top:6px}
  select option{padding:10px 12px;border-radius:6px;gap:10px;transition:background-color .12s}
  select option:hover,select option:focus{background:#302944;color:#e1d8ff}
  select option:checked{background:#28243d;color:#c8bdff}
  select::picker-icon{color:var(--accent);transition:rotate .15s}
  select:open::picker-icon{rotate:180deg}
  option::checkmark{color:var(--accent)}
}
.panel-options{border:1px solid var(--line);border-radius:8px;padding:14px;margin:0 0 20px;min-width:0}
.panel-options legend{color:var(--muted);font-size:12px;padding:0 6px}.panel-options label{display:block;margin:9px 0;font-size:12px;overflow-wrap:anywhere}
.hint{font-size:11px;color:var(--muted);line-height:1.6}
#preview-options{display:flex;flex-wrap:wrap;gap:7px}#preview-options select{width:100%;margin:0;background-color:#383a40;border-color:#474a55;color:#d8d9e0}#guild-bot-summary{font-size:12px;margin:0 0 10px}
@media(forced-colors:active){select:not([multiple]){appearance:auto}select::picker-icon{color:ButtonText}}
@media(prefers-reduced-motion:reduce){select,select option,select::picker-icon{transition:none}}
/* Server membership uses its own dots; the bot connection stays in the status below. */
.sidebar-servers{display:flex;flex-direction:column;min-height:0;flex:1;margin:16px -8px 20px}
.sidebar-servers .workspace-label{margin:10px 12px 12px;letter-spacing:1.2px;text-transform:uppercase}
.server-list{overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#403a58 transparent}
.server-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px 8px;margin:3px 0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.server-item:hover{background:#22263a;border-color:#37364d}
.server-item[aria-current=true]{background:#28243d;border-color:#51466f;color:#d9d0ff}
.server-avatar{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:10px;background:#303348;color:#e2ddff;font-weight:700}
.server-details{min-width:0;flex:1}
.server-details strong{display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.server-details small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}
.server-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#7e8496}
.bot-present .server-dot{background:var(--green)}
.bot-absent .server-dot{background:#d7a16b}
.sidebar-servers .empty{font-size:11px;padding:8px;line-height:1.6}
@media(max-width:850px){.sidebar-servers{margin:20px -6px;overflow:visible}.server-item{position:relative;justify-content:center;padding:7px 3px}.server-details{display:none}.server-dot{position:absolute;right:3px;bottom:5px;border:1px solid #131724;width:8px;height:8px}.sidebar-servers .empty{font-size:9px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.server-item{transition:none}}
@media(forced-colors:active){.server-item[aria-current=true]{border-color:Highlight}.server-dot{border:1px solid CanvasText}.bot-present .server-dot{background:Highlight}}