:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e9f1ff;background:#080e1a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#app{min-height:100vh;display:flex}.sidebar{width:258px;flex-shrink:0;background:#0d1626;border-right:1px solid #25344b;padding:26px 15px;display:flex;flex-direction:column;gap:22px}.brand{font-size:28px;font-weight:900;letter-spacing:1px;padding:0 12px}.brand span{color:#00c8ff}.brand small{display:block;font-size:10px;color:#7891ae;letter-spacing:2px;margin-top:3px}.server{background:#16243a;border:1px solid #283b54;border-radius:13px;padding:12px;display:flex;align-items:center;gap:11px}.server-icon{background:linear-gradient(135deg,#00c8ff,#1c6ec9);width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#06111f;font-weight:900}.server strong,.server small{display:block;font-size:12px}.server small{color:#91a4bf;margin-top:4px}.nav-label{font-size:10px;letter-spacing:2px;color:#7188a6;padding:0 12px}nav{display:grid;gap:4px}nav button{background:transparent;color:#a7b9d0;border:0;text-align:left;border-radius:9px;padding:12px;font-size:13px;width:100%;display:flex;gap:11px;align-items:center}nav button:hover,nav button.active{background:#172d45;color:#57d8ff}.sidebar-bottom{margin-top:auto;font-size:11px;color:#839ab5;padding:8px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#eab64a;margin-right:5px}.workspace{flex:1;min-width:0}header{height:77px;border-bottom:1px solid #23334a;display:flex;align-items:center;gap:18px;padding:0 36px;background:#0b1423}header strong,header small{display:block}header strong{font-size:16px}header small{color:#8299b6;font-size:11px;margin-top:4px}.head-right{margin-left:auto;display:flex;align-items:center;gap:16px}.demo-pill{font-size:10px;font-weight:700;letter-spacing:1px;background:#12344a;color:#61dcff;padding:8px 11px;border-radius:20px}.avatar{border:1px solid #305875;background:#16344c;color:#7ce3ff;width:35px;height:35px;border-radius:50%;font-weight:800}.menu-btn{display:none;border:0;background:transparent;color:white;font-size:23px}main{padding:34px;max-width:1450px;margin:auto}.intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{color:#00c8ff;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.intro h1{font-size:29px;margin:8px 0}.intro p,.muted{color:#90a5c0;line-height:1.6;font-size:13px}.button{background:#00b9ed;color:#041523;border:0;border-radius:9px;padding:11px 15px;font-weight:750;font-size:12px}.button.secondary{background:#1a2b42;color:#c9e2f5;border:1px solid #30435b}.button:disabled{opacity:.4;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#111e30;border:1px solid #263850;border-radius:14px;padding:22px}.metric-label{color:#93a9c3;font-size:12px}.metric{font-size:27px;font-weight:800;margin:12px 0 6px}.metric-sub{font-size:11px;color:#7393ad}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:17px;margin-top:18px}.card h2{font-size:16px;margin:0 0 17px}.card p{font-size:13px;color:#92a9c2;line-height:1.65}.section-title{margin:28px 0 15px;font-size:17px}.feature{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid #263850}.feature:first-of-type{border-top:0}.feature strong,.feature small{display:block}.feature strong{font-size:13px}.feature small{color:#8198b5;font-size:11px;margin-top:6px}.tag{border-radius:20px;padding:6px 10px;font-size:10px;background:#203348;color:#b5c7dd;white-space:nowrap}.tag.cyan{background:#113c4a;color:#4de1ff}.tag.amber{background:#3b301b;color:#f3c46e}.field{display:block;margin:16px 0}.field>span{display:block;font-size:12px;color:#b8cbe1;margin-bottom:8px}.field input,.field textarea,.field select{width:100%;background:#0a1525;border:1px solid #32465f;border-radius:9px;padding:12px;color:#e9f1ff;outline:none}.field textarea{min-height:95px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#00c8ff}.field input[type=color]{padding:4px;height:42px}.field input[type=checkbox]{width:auto;accent-color:#00c8ff}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #263850;gap:20px}.switch-row label{font-size:13px}.switch-row input{accent-color:#00c8ff;width:18px;height:18px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.notice{padding:13px 16px;border:1px solid #4e4631;background:#29251c;color:#edc879;border-radius:10px;font-size:12px;line-height:1.5;margin-bottom:23px}.preview{background:#0b1320;border:1px solid #34465b;border-left:4px solid #00c8ff;border-radius:7px;padding:15px;overflow-wrap:anywhere}.preview strong{display:block;margin-bottom:10px}.preview p{white-space:pre-wrap;margin:0;color:#d2deed}.preview img{max-width:100%;max-height:220px;object-fit:contain;border-radius:7px;margin-top:12px}.empty{border:1px dashed #36506a;padding:25px;border-radius:11px;text-align:center;color:#839db8;font-size:13px}.item-list{display:grid;gap:10px;margin-top:15px}.item{background:#0c1829;border:1px solid #2a3b53;border-radius:9px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.item button{background:#402532;color:#ffb1c2;border:0;border-radius:7px;padding:7px 10px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-price{font-size:30px;font-weight:800}.plan-price small{font-size:12px;color:#91a5be}.plan-features{line-height:2.3;color:#aabed4;font-size:12px}.footer-note{margin-top:26px;font-size:11px;color:#6c87a3}#toast{position:fixed;bottom:24px;right:24px;background:#1c4350;color:#d6f9ff;border:1px solid #28819b;border-radius:10px;padding:14px 18px;font-size:12px;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}@media(max-width:1050px){.grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:740px){.sidebar{position:fixed;z-index:10;top:0;bottom:0;left:0;transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 40px #0008}.sidebar.open{transform:translateX(0)}.menu-btn{display:block}header{padding:0 16px}main{padding:22px 15px}.grid,.plan-grid{grid-template-columns:1fr}.intro{display:block}.demo-pill{display:none}}

/* Upload-based embed editor */
.upload-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:125px;padding:16px;border:1px dashed #526784;border-radius:12px;background:#101a2a;color:#b9d4e9;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}
.upload-zone:hover,.upload-zone:focus-within{border-color:#00c8ff;background:#14253a}
.upload-zone input{position:absolute;width:1px;height:1px;opacity:0}
.upload-zone strong{color:#e6f8ff}.upload-zone small{color:#91a6c0}
.upload-icon{font-size:27px;color:#00c8ff}
.upload-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.upload-actions button{font-size:12px}
.upload-filename{font-size:12px;color:#a5b6cb;overflow-wrap:anywhere}
.preview-top{display:flex;align-items:flex-start;gap:14px;justify-content:space-between}
.preview-main{display:block;max-width:100%;max-height:300px;object-fit:contain;border-radius:8px;margin-top:12px}
.preview-thumb{width:76px;height:76px;object-fit:cover;border-radius:8px;flex-shrink:0}
.embed-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
@media(max-width:650px){.embed-upload-grid{grid-template-columns:1fr}}

/* Message destination and internal embed draft enhancements */
.embed-settings{max-width:850px;margin-bottom:18px}.embed-settings .field{max-width:520px}.field select{cursor:pointer}.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;color:#e6edf7;margin-bottom:12px}.message-preview:empty{display:none}.draft-buttons{display:flex;gap:8px;flex-wrap:wrap}.draft-buttons button{border:1px solid #33445a;background:#182538;color:#cde8f6;padding:8px 12px;border-radius:8px;cursor:pointer}.draft-buttons button:hover{border-color:#00c8ff}

/* Expanded dashboard editors */
.check-line{display:flex;align-items:center;gap:10px;margin:15px 0;font-size:12px;color:#c8d8e8}.check-line input{accent-color:#00c8ff;width:17px;height:17px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.discord-preview{background:#10141e;border:1px solid #28354a;border-radius:12px;padding:16px}.discord-author{display:flex;align-items:center;gap:9px;margin-bottom:13px;font-size:12px}.discord-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#153f53;color:#00c8ff;font-weight:900}.discord-bot{font-size:9px;background:#5865f2;padding:3px 5px;border-radius:3px}.discord-author small{color:#8a9ab0}.schedule-preview-rows{margin-top:15px;display:grid;gap:9px}.schedule-preview-row{display:grid;gap:4px;border-top:1px solid #2a3b53;padding-top:9px;font-size:12px}.schedule-preview-row strong{margin:0;color:#c7f2ff}.schedule-preview-row span,.schedule-preview-row small{color:#b5c8da}.preview-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.preview-buttons span{background:#283448;padding:8px 12px;border-radius:7px;font-size:12px;color:#d3e8f8}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}

.discord-preview{background:#222630;color:#e7ebf5;border-radius:9px;padding:16px;margin-top:12px;line-height:1.55;overflow-wrap:anywhere}.discord-preview p{margin:10px 0}

.reaction-assignment-list{display:flex;flex-direction:column;gap:10px;margin:16px 0}.reaction-assignment-row{display:flex;gap:8px;align-items:center}.reaction-row-main{display:flex;align-items:center;gap:12px;flex:1;text-align:left;min-width:0;padding:13px 14px;background:#151821;border:1px solid #303746;border-radius:10px;color:#abb5d2;cursor:pointer;font:inherit}.reaction-row-main:hover{border-color:#00c8ff}.reaction-emoji{font-size:21px}.reaction-plus{color:#8994ac;font-size:20px}.reaction-role{overflow:hidden;text-overflow:ellipsis}.reaction-trash{border:0;border-radius:9px;padding:12px 15px;background:#402331;color:#ff6488;cursor:pointer;font-size:19px}.reaction-add-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 12px;background:#1d2230;border:1px dashed #4b566d;border-radius:10px;color:#9eaccf;text-align:left;cursor:pointer;font:inherit}.reaction-add-row:hover{border-color:#00c8ff;color:#e5f9ff}.reaction-grey-dot{width:24px;height:24px;background:#4a536b;border-radius:50%;display:inline-block}.reaction-editor{border:1px solid #364054;border-radius:10px;padding:16px;margin-top:14px;background:#191f2d}

.embed-library-header{display:flex;justify-content:space-between;align-items:center}.embed-library-table{margin-top:20px}.embed-library-columns,.embed-library-row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(90px,.7fr) minmax(140px,1fr) minmax(210px,1.5fr);gap:12px;align-items:center;padding:16px;border-bottom:1px solid #2b3448}.embed-library-columns{color:#94a3b8;font-size:12px}.embed-library-row{background:#111722;border-radius:8px;margin:7px 0}.embed-library-row strong{color:#f4f7fd}.embed-library-row .muted{font-size:12px;margin-top:5px}.embed-library-actions{display:flex;gap:5px;flex-wrap:wrap}.embed-library-actions button{background:#273349;border:0;border-radius:6px;color:#d9e6f6;padding:8px;cursor:pointer}.embed-library-actions .danger-action{color:#ff9ba5}.embed-status{background:#303948;border-radius:12px;padding:4px 10px;font-size:12px;color:#e2e8f0}@media(max-width:900px){.embed-library-columns{display:none}.embed-library-row{grid-template-columns:1fr;gap:10px}}

.automod-expanded{padding:18px 0 4px;border-top:1px solid rgba(142,160,190,.16);margin-top:14px}.automod-example{background:#141d2b;border:1px solid rgba(130,160,190,.18);border-radius:10px;padding:16px;margin:12px 0}.automod-example p{white-space:pre-wrap;overflow-wrap:anywhere}.automod-expanded h3{margin:20px 0 10px}

.exemption-picker{display:grid;gap:12px;margin:12px 0 22px}.exemption-picker>.button{justify-self:start}.exemption-list{display:grid;gap:8px}.exemption-list .item{gap:12px;flex-wrap:wrap}

.ux-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.ux-stats .card{padding:18px}.ux-stats h2{font-size:28px;margin:8px 0 0}.ux-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.ux-setup-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.ux-setup-nav a{border:1px solid rgba(125,160,200,.24);border-radius:9px;padding:9px 13px;text-decoration:none;color:inherit;background:rgba(30,45,67,.6)}.ux-setup-nav a:hover{border-color:#00c8ff}@media(max-width:850px){.ux-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.nav-group-label{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#6e87a6;margin:17px 10px 5px;padding-top:10px;border-top:1px solid rgba(130,155,190,.12)}.nav-group-label:first-child{border-top:0;margin-top:0;padding-top:0}.ux-section-head h2{margin-bottom:5px}.ux-section-head p{margin-top:0}.ux-setup-nav a{scroll-margin-top:20px}

.ux-setup-nav button{border:1px solid rgba(125,160,200,.24);border-radius:9px;padding:9px 13px;color:inherit;background:rgba(30,45,67,.6);cursor:pointer;font:inherit}.ux-setup-nav button:hover{border-color:#00c8ff}.ux-setup-nav button:focus-visible{outline:2px solid #00c8ff;outline-offset:2px}