@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-cyrillic-ext-wght-normal.3nu59bct404ec.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-cyrillic-wght-normal.3zok7wrwvaysp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-devanagari-wght-normal.2yjd6abzp7f4q.woff2)format("woff2-variations");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-greek-ext-wght-normal.0gqxkmx6ho8v3.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-greek-wght-normal.0f93b6gvbl1zd.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-vietnamese-wght-normal.1s0ar0m2bmdjg.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-latin-ext-wght-normal.2-7eoaijxl5dw.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-latin-wght-normal.05o5-i1cea2yx.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0b0f;--panel:#101218;--panel-2:#151821;--panel-3:#1a1e28;--line:#262b38;--line-soft:#20242e;--text:#f4f5f8;--muted:#8b93a7;--muted-2:#626a7c;--accent:#7c68ff;--accent-2:#9a8cff;--green:#54d79b;--red:#f06a7c;--amber:#f4ba62;--radius:10px;--discord-font:"Noto Sans Variable", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;min-height:0;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;overflow:hidden}button,input,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,textarea{outline:none}textarea{resize:vertical}.app-shell{grid-template-columns:246px 286px minmax(0,1fr);width:100vw;height:100dvh;min-height:0;max-height:100dvh;display:grid;overflow:hidden}.workspace-sidebar,.message-sidebar{border-right:1px solid var(--line);background:#0d0f14;flex-direction:column;min-width:0;display:flex}.message-sidebar{background:#111319}.workspace-sidebar,.message-sidebar{height:100%;min-height:0;overflow:hidden}.brand{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;height:74px;padding:0 18px;display:flex}.brand,.app-view-tabs,.sidebar-heading,.user-card,.channel-header,.webhook-strip{flex:none}.brand-mark,.login-mark{color:#fff;background:linear-gradient(145deg,#8c78ff,#5b45e5);border:1px solid #9c90ff;border-radius:11px;place-items:center;width:36px;height:36px;font-size:17px;font-weight:900;display:grid;box-shadow:0 8px 28px #6048ee47}.brand>div:last-child,.user-card>div,.webhook-strip>div,.channel-list button>div{flex-direction:column;flex:1;min-width:0;display:flex}.brand strong{letter-spacing:-.02em;font-size:15px}.app-view-tabs{background:#11141b;border:1px solid #2a2d3a;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin:12px;padding:4px;display:grid}.app-view-tabs a{min-width:0;color:var(--muted);border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:11px;font-weight:750;text-decoration:none;display:flex}.app-view-tabs a:hover{color:#fff}.app-view-tabs a.active{color:#fff;background:linear-gradient(135deg,#765ff1,#5744c8);box-shadow:0 6px 18px #5c45cf3d}.template-group-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:6px;min-height:0;padding:2px 10px 14px;display:flex;overflow-y:auto}.template-group-row{background:0 0;border:1px solid #0000;border-radius:9px;transition:border-color .14s,background-color .14s,box-shadow .14s;position:relative}.template-group-row:hover{border-color:var(--line-soft);background:#141720}.template-group-row.active{background:linear-gradient(90deg,#7c68ff2b,#7c68ff0d);border-color:#7c68ff52;box-shadow:inset 0 0 0 1px #7c68ff0a}.template-group-select{border-radius:inherit;width:100%;min-width:0;min-height:52px;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:4px minmax(0,1fr);align-items:center;gap:10px;padding:9px 40px 9px 10px;display:grid}.template-group-row:last-child .template-group-select{padding-right:10px}.template-group-select>span{border-radius:4px;width:4px;height:30px;box-shadow:0 0 12px #7c68ff26}.template-group-select>span.ungrouped{box-shadow:none;background:#4b5262}.template-group-select>div{flex-direction:column;gap:3px;min-width:0;display:flex}.template-group-select strong,.template-group-select small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-group-select strong{color:#e9eaf0;font-size:12px;font-weight:700}.template-group-select small{color:var(--muted);font-size:10px}.template-group-edit{width:28px;height:28px;color:var(--muted-2);opacity:0;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;transition:border-color .14s,background-color .14s,color .14s,opacity .14s;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.template-group-row:hover .template-group-edit,.template-group-row:focus-within .template-group-edit,.template-group-row.active .template-group-edit{opacity:1}.template-group-edit:hover{background:var(--panel-3);color:#fff;border-color:#343947}.brand span,.sidebar-heading span,.channel-header span,.preview-header span,.embed-editor-heading small,.section-title span,.subheading span,.eyebrow{color:var(--muted-2);letter-spacing:.12em;font-size:10px;font-weight:800}.channel-list button span,.user-card small,.webhook-strip small,.section-title small,.remote-link small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sidebar-heading{justify-content:space-between;align-items:center;padding:15px 16px 8px;display:flex}.heading-actions{gap:3px;display:flex}.sidebar-heading button,.channel-list button,.message-list button,.row-actions button,.icon-group button,.webhook-strip button,.user-card button,.subheading button{color:var(--muted);background:0 0;border:0}.sidebar-heading button,.webhook-strip button,.user-card button,.subheading button{border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.sidebar-heading button:hover,.webhook-strip button:hover,.user-card button:hover,.subheading button:hover{background:var(--panel-3);color:#fff}.channel-list,.message-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:0 8px 14px;overflow-y:auto}.channel-list{padding:2px 8px 14px}.channel-list button{text-align:left;border-radius:7px;grid-template-columns:16px minmax(0,1fr) 7px;align-items:center;gap:7px;width:100%;min-height:34px;padding:6px 8px;display:grid}.channel-list .channel-item{background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;min-height:38px;transition:border-color .13s,background-color .13s}.channel-list .channel-item:hover{background:#181b23;border-color:#2d3240}.channel-list .channel-item.active{box-shadow:none;background:#211e33;border-color:#51468a}.channel-item-icon{width:24px;height:24px;color:var(--muted);background:#14171e;border:1px solid #2b303c;border-radius:5px;place-items:center;display:grid;position:relative;overflow:visible}.channel-item.active .channel-item-icon{color:#c2baff;background:#7c68ff21;border-color:#7c68ff6b}.channel-item-icon .status-dot{border:1px solid #111319;width:6px;height:6px;position:absolute;bottom:-2px;right:-2px}.channel-list .channel-message-count{min-width:22px;color:var(--muted);text-align:center;background:#151821;border:1px solid #2d3240;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:800;line-height:1.4}.channel-item.active .channel-message-count{color:#c8c2ff;background:#7c68ff1f;border-color:#7c68ff61}.channel-group{background:0 0;border:1px solid #0000;border-radius:9px;margin-bottom:6px;padding-bottom:4px;transition:border-color .14s,background-color .14s,box-shadow .14s}.channel-group:hover{border-color:var(--line-soft);background:#141720}.channel-group.active{background:linear-gradient(90deg,#7c68ff24,#7c68ff0a);border-color:#7c68ff52;box-shadow:inset 0 0 0 1px #7c68ff0a}.channel-group>header{justify-content:space-between;align-items:center;min-height:44px;padding:7px 6px 7px 8px;display:flex}.channel-group-heading{grid-template-columns:4px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.channel-group-heading>i{border-radius:4px;width:4px;height:24px;box-shadow:0 0 12px #7c68ff26}.channel-group-heading>div{flex-direction:column;gap:2px;min-width:0;display:flex}.channel-group-heading strong,.channel-group-heading small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-group-heading strong{color:#e9eaf0;font-size:12px;font-weight:700}.channel-group-heading small{color:var(--muted);font-size:10px}.channel-group>header button{width:28px;height:28px;color:var(--muted-2);opacity:0;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:1fr;place-items:center;padding:0;transition:border-color .14s,background-color .14s,color .14s,opacity .14s;display:grid}.channel-group:hover>header button,.channel-group:focus-within>header button,.channel-group.active>header button{opacity:1}.channel-group>header button:hover{background:var(--panel-3);color:#fff;border-color:#343947}.channel-group>button:not(.group-add-channel){width:calc(100% - 10px);margin:0 5px 2px}.channel-list .group-add-channel{width:calc(100% - 10px);min-height:26px;color:var(--muted-2);border-radius:7px;grid-template-columns:none;justify-content:flex-start;align-items:center;gap:5px;margin:0 5px;padding:3px 8px 3px 29px;font-size:10px;display:flex}.channel-list .group-add-channel span{color:inherit;font-size:inherit}.channel-list .group-add-channel:hover{color:var(--text);background:#181b23}.channel-list button strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.status-dot{background:var(--muted-2);border-radius:50%;width:7px;height:7px}.status-dot.valid{background:var(--green);box-shadow:0 0 9px #54d79b8c}.status-dot.invalid{background:var(--red)}.user-card{border-top:1px solid var(--line-soft);background:#0b0d11;align-items:center;gap:9px;padding:12px;display:flex}.user-card img,.user-card>span{background:var(--accent);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.user-card img{object-fit:cover}.user-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.channel-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;min-height:74px;padding:0 15px;display:flex}.channel-header h1{align-items:center;gap:4px;margin:4px 0 0;font-size:15px;display:flex}.webhook-strip{border:1px solid var(--line-soft);background:var(--panel);border-radius:8px;grid-template-columns:8px minmax(0,1fr) 28px;align-items:center;gap:9px;margin:10px 10px 0;padding:9px 10px;display:grid}.webhook-strip strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.message-row{border:1px solid #0000;border-radius:8px;margin:0 0 5px;transition:border-color .14s,background-color .14s;position:relative}.message-row>button{text-align:left;border-radius:8px;grid-template-columns:5px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:8px;display:grid}.message-row:hover,.message-row.active{background:#7c68ff14;border-color:#40386d}.message-row.active{background:#7c68ff21}.message-row>button>div{flex-direction:column;gap:3px;min-width:0;display:flex}.message-row strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.message-row small{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.message-row-rail{background:var(--accent);border-radius:4px;align-self:stretch;width:5px;min-height:35px}.message-row-rail.sent{background:var(--green)}.message-row-rail.modified{background:var(--amber)}.message-row-rail.remote_deleted,.message-row-rail.error{background:var(--red)}.message-status{color:var(--muted);text-transform:uppercase;align-self:center;font-size:9px;font-weight:800}.message-status.sent{color:var(--green)}.message-status.modified,.message-status.error{color:var(--amber)}.message-status.remote_deleted{color:var(--red)}.row-actions{background:linear-gradient(90deg,#0000,#1a1929 18%);align-items:center;padding-left:16px;display:none;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.message-row:hover .row-actions{display:flex}.message-row:hover .message-status{opacity:0}.row-actions button{padding:4px}.row-actions button:hover{color:#fff}.work-area{grid-template-columns:minmax(480px,1fr) minmax(410px,.85fr);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.editor-pane,.preview-pane{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.editor-pane{border-right:1px solid var(--line);background:var(--panel)}.editor-header,.preview-header{border-bottom:1px solid var(--line);background:#0e1015eb;justify-content:space-between;align-items:center;gap:12px;min-height:74px;padding:0 18px;display:flex}.document-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.document-title input{background:0 0;border-color:#0000;flex:1;width:100%;min-width:120px;font-size:15px;font-weight:750}.document-title input:focus{border-color:var(--line);background:var(--panel-2)}.save-state{color:var(--muted);white-space:nowrap;font-size:10px}.save-state.saved{color:var(--green)}.save-state.error{color:var(--red)}.editor-actions,.icon-group,.modal-actions>div{align-items:center;gap:7px;display:flex}.editor-actions{flex:none}.button,.icon-button{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:34px;font-size:12px;font-weight:700;display:inline-flex}.button{padding:0 12px}.icon-button{width:34px;padding:0}.button:hover,.icon-button:hover{background:var(--panel-3);border-color:#3a4050}.button.primary{background:linear-gradient(135deg,#806bff,#6450e8);border-color:#7762f5;box-shadow:0 5px 18px #644be62e}.button.danger-quiet,.icon-button.danger{color:var(--red)}.move-message-button{color:#c7c0ff;border-color:#7c68ff59}.editor-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:18px;overflow-y:auto}.editor-section,.embed-editor{border:1px solid var(--line);border-radius:var(--radius);background:#13161d;margin-bottom:14px}.editor-section{padding:15px}.section-title,.embed-editor-heading,.subheading{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-title{margin-bottom:10px}.section-title>div{flex-direction:column;display:flex}.text-input,textarea{width:100%;color:var(--text);background:#0e1016;border:1px solid #2a2f3b;border-radius:7px;padding:9px 10px;line-height:1.5;transition:border-color .12s,box-shadow .12s}.text-input:focus,textarea:focus{border-color:#6554ca;box-shadow:0 0 0 3px #6653cc1f}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;display:grid}.form-grid.compact{padding:12px 0 0}.form-grid label,.modal-form>label{flex-direction:column;gap:6px;min-width:0;display:flex}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.field-label{color:#b8becb;justify-content:space-between;font-size:11px;font-weight:650;display:flex}.field-label small,.modal-form label>small{color:var(--muted-2);font-size:10px}.remote-link{border:1px solid var(--line-soft);background:#0e1117;border-radius:8px;margin-top:13px;padding:11px}.remote-link>div{align-items:center;gap:9px;display:flex}.remote-link>div:first-child{margin-bottom:9px}.remote-link>div:first-child>span{flex-direction:column;min-width:0;display:flex}.remote-link .text-input{flex:1}.embed-editor{overflow:hidden}.embed-editor-heading{border-bottom:1px solid var(--line-soft);min-height:56px;padding:9px 12px}.embed-editor-heading>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.embed-editor-heading strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.color-dot{border-radius:4px;width:5px;height:30px}.icon-group button{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.icon-group button:hover{background:var(--panel-3);color:#fff}.color-input{grid-template-columns:40px 1fr;gap:7px;display:grid}.color-input input[type=color]{border:1px solid var(--line);background:var(--panel-3);border-radius:7px;width:40px;height:40px;padding:3px}.details-button{border:0;border-top:1px solid var(--line-soft);width:100%;color:var(--muted);background:#10131a;align-items:center;gap:6px;padding:9px 14px;font-size:11px;display:flex}.embed-details{border-top:1px solid var(--line-soft)}.align-end{align-self:end}.subheading{padding:4px 14px 10px}.subheading button{gap:4px;width:auto;padding:0 8px;display:flex}.field-editor{border-top:1px solid var(--line-soft);grid-template-columns:.8fr 1.4fr auto 32px;align-items:start;gap:8px;padding:8px 14px;display:grid}.field-value-input{min-height:104px}.check-control{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.embed-add-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.add-embed,.add-template{border-radius:var(--radius);width:100%;min-height:44px;color:var(--muted);background:0 0;border:1px dashed #343a49;justify-content:center;align-items:center;gap:7px;display:flex}.add-template{border-radius:var(--radius);color:#b2a8ff;background:#1d1a2d;border:1px solid #39345b}.add-embed:hover{border-color:var(--accent);color:var(--accent-2)}.add-template:hover{border-color:var(--accent);background:#25213a}.add-embed span,.add-template span{color:var(--muted-2)}.validation-box{color:#ff9caa;background:#f06a7c12;border:1px solid #f06a7c52;border-radius:8px;flex-direction:column;gap:4px;margin-top:14px;padding:11px;font-size:11px;display:flex}.validation-box strong{align-items:center;gap:6px;display:flex}.preview-pane{background:#15171c}.preview-header>div{flex-direction:column;display:flex}.preview-header small{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;border-radius:99px;padding:5px 8px;font-size:9px}.discord-stage{overscroll-behavior:contain;color:#dbdee1;min-height:0;font-family:var(--discord-font);font-optical-sizing:auto;font-synthesis:none;background:#313338;flex:1;overflow-y:auto}.discord-channel{color:#f2f3f5;border-bottom:1px solid #0003;height:48px;padding:14px 18px;font-weight:600;box-shadow:0 1px #00000038}.discord-channel span{color:#949ba4;margin-right:7px;font-size:20px}.discord-message{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:18px 18px 28px;display:grid}.discord-avatar{object-fit:cover;border-radius:50%;width:42px;height:42px}.discord-avatar.fallback{color:#fff;background:#5865f2;place-items:center;font-weight:800;display:grid}.discord-message-main{min-width:0}.discord-meta{align-items:center;gap:6px;display:flex}.discord-meta strong{color:#fff;font-size:16px;font-weight:600}.discord-meta>span{color:#fff;background:#5865f2;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:700}.discord-meta time{color:#949ba4;font-size:12px}.discord-copy{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;font-weight:400;line-height:1.375}.message-copy{font-size:16px}.discord-embed{background:#2b2d31;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;gap:14px;width:min(520px,100%);margin-top:8px;padding:12px 14px 12px 18px;font-size:14px;display:grid;position:relative;overflow:hidden}.discord-embed:before{background:var(--embed-color);content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.embed-preview-main{min-width:0}.embed-preview-author{color:#fff;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.embed-preview-author strong{font-weight:600}.embed-author-icon,.embed-footer-icon{object-fit:cover;border-radius:50%;width:24px;height:24px}.embed-footer-icon{width:20px;height:20px}.embed-preview-title{color:#fff;margin-bottom:7px;font-size:16px;font-weight:600;display:block}.embed-preview-fields{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.embed-preview-field{flex-direction:column;grid-column:1/-1;display:flex}.embed-preview-field.inline{grid-column:span 4}.embed-preview-field strong{color:#fff;margin-bottom:2px;font-weight:600}.embed-preview-image{object-fit:contain;border-radius:4px;width:auto;max-width:min(100%,480px);max-height:320px;margin-top:14px;display:block}.embed-preview-thumbnail{object-fit:cover;border-radius:4px;width:80px;height:80px}.embed-preview-footer{color:#b5bac1;align-items:center;gap:5px;margin-top:12px;font-size:12px;display:flex}.discord-buttons{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.discord-buttons a{color:#fff;background:#4e5058;border-radius:3px;align-items:center;gap:5px;min-height:32px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.preview-footer{border-top:1px solid var(--line);color:var(--muted-2);text-align:center;padding:10px 16px;font-size:10px}.empty-note{color:var(--muted-2);text-align:center;padding:16px 10px;font-size:11px;line-height:1.5}.empty-work,.full-loader{color:var(--muted);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;display:flex}.empty-work>div{border:1px solid var(--line);background:var(--panel-2);width:58px;height:58px;color:var(--accent-2);border-radius:15px;place-items:center;display:grid}.empty-work h2{color:var(--text);margin:16px 0 4px}.empty-work p{margin:0 0 18px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020306c2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#13161d;border:1px solid #303644;border-radius:13px;width:min(520px,100%);max-height:min(90vh,900px);overflow:auto;box-shadow:0 32px 100px #0000008c}.modal.modal-wide{width:min(850px,100%)}.modal-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px;display:flex}.modal-heading h2{margin:0;font-size:17px}.modal-heading p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.5}.modal-form{flex-direction:column;gap:15px;padding:18px 20px;display:flex}.channel-sender-fields{border:1px solid var(--line-soft);background:#0f1117;border-radius:8px;gap:11px;padding:12px;display:grid}.channel-sender-fields label{flex-direction:column;gap:6px;min-width:0;display:flex}.channel-sender-fields>small{color:var(--muted-2);font-size:10px;line-height:1.5}.modal-actions{justify-content:space-between;align-items:center;gap:15px;padding-top:10px;display:flex}.modal-actions>small{color:var(--muted-2)}.form-error,.login-error{color:#ff9cab;background:#f06a7c14;border:1px solid #f06a7c59;border-radius:8px;align-items:center;gap:7px;padding:10px;font-size:12px;display:flex}.json-toolbar{color:var(--muted);justify-content:space-between;align-items:center;padding:11px 18px;display:flex}.json-toolbar span{align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.json-editor{tab-size:4;width:calc(100% - 36px);height:min(55vh,560px);margin:0 18px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.55;display:block}.json-toolbar+.json-editor~.form-error,.json-editor+.form-error{margin:10px 18px 0}.modal>.modal-actions{padding:14px 18px 18px}.modal.template-picker-modal{flex-direction:column;height:min(76dvh,680px);display:flex;overflow:hidden}.template-picker-layout{flex:1;grid-template-columns:210px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.template-picker-sidebar{border-right:1px solid var(--line);background:#0e1016;flex-direction:column;min-width:0;min-height:0;display:flex}.template-picker-sidebar-title{color:var(--muted-2);letter-spacing:.12em;flex:none;padding:13px 14px 9px;font-size:9px;font-weight:800}.template-picker-sidebar nav{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:5px;min-height:0;padding:2px 9px 12px;display:flex;overflow-y:auto}.template-picker-sidebar button{width:100%;min-width:0;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:4px minmax(0,1fr);align-items:center;gap:9px;padding:8px 9px;display:grid}.template-picker-sidebar button:hover{border-color:var(--line-soft);background:#151821}.template-picker-sidebar button.active{background:linear-gradient(90deg,#7c68ff2e,#7c68ff0f);border-color:#7c68ff59}.template-picker-sidebar button>i{border-radius:4px;width:4px;height:30px}.template-picker-sidebar button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.template-picker-sidebar strong,.template-picker-sidebar small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-picker-sidebar strong{font-size:11px}.template-picker-sidebar small{color:var(--muted);font-size:9px}.template-picker-content{background:#13161d;flex-direction:column;min-width:0;min-height:0;display:flex}.template-picker-content>header{border-bottom:1px solid var(--line-soft);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:flex}.template-picker-content>header>div{flex-direction:column;gap:3px;min-width:0;display:flex}.template-picker-content>header strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.template-picker-content>header small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.template-picker-content>header>span{border:1px solid var(--line);min-width:26px;color:var(--muted);text-align:center;border-radius:99px;padding:4px 7px;font-size:10px}.template-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 14px 16px;display:flex;overflow-y:auto}.template-row{border:1px solid var(--line);background:var(--panel);border-radius:9px;grid-template-columns:5px minmax(0,1fr);align-items:center;gap:11px;min-height:62px;padding:9px 10px;display:grid}.template-row:hover{background:var(--panel-2);border-color:#3d4353}.template-swatch{border-radius:4px;width:5px;height:40px}.template-clone{min-width:0;color:var(--text);text-align:left;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex}.template-clone strong,.template-clone small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-clone small{color:var(--muted);font-size:11px}.template-empty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:42px 20px;line-height:1.5;display:flex}.move-message-warning{color:#e8c98d;background:#f4ba6212;border:1px solid #f4ba6240;border-radius:8px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:12px;line-height:1.5;display:flex}.move-message-warning svg{flex:none;margin-top:1px}.move-message-targets{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.template-library-layout{flex:1;grid-template-columns:210px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.template-manager-page{background:#101218;flex-direction:column;grid-column:2/-1;min-width:0;min-height:0;display:flex;overflow:hidden}.template-manager-header{border-bottom:1px solid var(--line);background:#12151c;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:86px;padding:14px 18px;display:grid}.template-manager-icon{color:#aa9fff;background:#211d3a;border:1px solid #443b79;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.template-manager-header>div:nth-child(2){min-width:0}.template-manager-header span{color:var(--muted-2);letter-spacing:.12em;font-size:9px;font-weight:800}.template-manager-header h1{margin:2px 0;font-size:18px}.template-manager-header p{color:var(--muted);margin:0;font-size:11px}.template-manager-header>small{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:5px 8px;font-size:10px}.templates-view>.message-sidebar,.templates-view>.work-area{display:none}.template-library-workbench{grid-template-columns:minmax(430px,1fr) minmax(390px,.9fr);min-width:0;min-height:0;display:grid;overflow:hidden}.template-library-list{border-right:1px solid var(--line);background:#101319;flex-direction:column;min-height:0;display:flex}.template-library-list>header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:12px;display:flex}.template-library-list>div{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:5px;min-height:0;padding:8px;display:flex;overflow-y:auto}.template-library-list>div>button{color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:5px minmax(0,1fr);align-items:center;gap:9px;padding:9px;display:grid}.template-library-list>div>button:hover,.template-library-list>div>button.active{background:#6e55e61f;border-color:#40386d}.template-library-list>div>button>span{border-radius:4px;width:5px;height:35px}.template-library-list button>div{flex-direction:column;gap:3px;min-width:0;display:flex}.template-library-list button strong,.template-library-list button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-library-list button small,.template-library-list p{color:var(--muted);font-size:10px}.template-library-list p{text-align:center;padding:12px}.template-library-editor{min-width:0;min-height:0;padding:14px;overflow-y:auto}.template-library-preview{border-left:1px solid var(--line);min-width:0;min-height:0}.template-library-preview .preview-pane{height:100%;display:flex}.template-library-meta{grid-template-columns:minmax(140px,.8fr) minmax(130px,.7fr) minmax(180px,1.2fr);gap:10px;margin-bottom:12px;display:grid}.template-library-meta label{flex-direction:column;gap:5px;min-width:0;display:flex}.template-library-actions{justify-content:space-between;align-items:center;gap:10px;padding-top:2px;display:flex}.history-list{flex-direction:column;gap:5px;max-height:520px;padding:14px;display:flex;overflow:auto}.history-list button{border:1px solid var(--line-soft);background:var(--panel);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:11px;display:flex}.history-list button:hover{background:var(--panel-2);border-color:#3b4151}.history-list button span{flex-direction:column;display:flex}.history-list small{color:var(--muted)}.toast{z-index:80;color:#a9f3d1;background:#16251f;border:1px solid #54d79b4d;border-radius:9px;align-items:center;gap:8px;max-width:420px;padding:12px 14px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 50px #00000059}.toast.error{color:#ffacb7;background:#28171c;border-color:#f06a7c59}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:radial-gradient(circle at 20% 15%,#694ce838,#0000 30%),radial-gradient(circle at 80% 85%,#4ad09e1a,#0000 26%),#090a0e;place-items:center;min-height:100vh;padding:24px;display:grid;overflow:hidden}.login-page:before{opacity:.22;content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111319e0;border:1px solid #292d39;border-radius:18px;width:min(480px,100%);padding:38px;position:relative;box-shadow:0 40px 120px #00000080}.login-mark{width:44px;height:44px;margin-bottom:22px}.login-card h1{letter-spacing:-.045em;margin:12px 0;font-size:clamp(28px,5vw,40px);line-height:1.08}.login-card>p{color:var(--muted);margin:0 0 24px;line-height:1.65}.discord-login{color:#fff;background:#5865f2;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:48px;margin-top:14px;font-weight:750;display:flex;box-shadow:0 10px 28px #5865f240}.discord-login:hover{background:#6571f4}.login-card footer{color:var(--muted-2);justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:11px;display:flex}@media (max-width:1320px){.work-area{grid-template-columns:minmax(500px,1fr)}.preview-pane{display:none}.template-library-preview .preview-pane{display:flex}}@media (max-width:1100px){.template-library-workbench{display:block;overflow-y:auto}.template-library-editor{overflow:visible}.template-library-preview{border-top:1px solid var(--line);border-left:0;height:560px}}@media (max-width:980px){.app-shell{grid-template-columns:80px 250px minmax(0,1fr)}.brand>div:last-child,.app-view-tabs span,.workspace-sidebar .sidebar-heading span,.channel-list button>div,.channel-group-heading>div,.channel-group>header button,.channel-list .group-add-channel span,.user-card>div,.template-group-select>div,.template-group-edit,.channel-group>button:not(.group-add-channel)>strong{display:none}.brand,.user-card{justify-content:center}.app-view-tabs{gap:2px;margin:8px;padding:3px}.app-view-tabs a{padding:8px 2px}.template-group-row{grid-template-columns:1fr}.template-group-select{grid-template-columns:1fr;place-items:center;padding:7px}.channel-list button{grid-template-columns:1fr;place-items:center;display:grid}.channel-group>header{justify-content:center;padding:9px}.channel-group-heading{grid-template-columns:1fr}.channel-list .group-add-channel{justify-content:center;padding:5px}.status-dot,.channel-list .channel-message-count{display:none}}@media (max-width:720px){.app-shell{grid-template-columns:64px minmax(0,1fr)}.work-area{z-index:10;margin-left:64px;position:fixed;inset:0}.work-area:has(.empty-work){display:none}.editor-actions .secondary:not(.move-message-button),.button.danger-quiet{display:none}.modal-backdrop{padding:10px}.modal.template-picker-modal{height:min(90dvh,680px)}.template-picker-layout{grid-template-columns:138px minmax(0,1fr)}.template-picker-sidebar-title{padding-inline:10px}.template-picker-sidebar nav{padding-inline:6px}.editor-scroll{padding:10px}.form-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.field-editor{grid-template-columns:1fr}.template-library-layout{grid-template-columns:1fr;overflow-y:auto}.template-library-list{border-right:0;border-bottom:1px solid var(--line);max-height:170px}.template-library-meta{grid-template-columns:1fr}.template-library-workbench{overflow:visible}}