@font-face{font-family:Inter;src:url(../../../fonts/Inter.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url(../../../fonts/NotoSansArabic.ttf) format("truetype");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}@font-face{font-family:Noto Sans Arabic;src:url(../../../fonts/NotoSansArabic-Bold.ttf) format("truetype");font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}:root{--base: #191a23;--page: #21222c;--surface: #191a23;--field: #111218;--well: #14151c;--raised: #2a2c38;--raised-hover: #343745;--menu: #23242f;--line: #262834;--line-strong: #3a3d4c;--text: #ecedf3;--text-2: #b7bacb;--text-3: #858a9f;--text-4: #575b6d;--accent: #368aff;--accent-hover: #4d98ff;--link: #74abff;--focus: #8ab8ff;--ok: #4cc38a;--warn: #f2b84b;--danger: #f0706a;--side: 240px;--top: 64px;--shell: 1280px;--gutter: max(20px, calc((100vw - var(--shell)) / 2));font-family:Inter,system-ui,Noto Sans Arabic,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--page);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh}body:before{content:"";position:fixed;inset-block:0;inset-inline-start:0;width:calc(var(--gutter) + var(--side));background:var(--base);z-index:-1}h1,h2,h3,p{margin:0}h1{font-size:20px;font-weight:700;line-height:1.35}h2{font-size:14px;font-weight:600}h3{font-size:14px;font-weight:500}p{color:var(--text-3)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{border:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}svg{flex-shrink:0}:lang(ar) *{letter-spacing:normal!important}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;inset-inline-start:16px;top:-80px;z-index:100;background:var(--accent);padding:10px 14px;border-radius:6px}.skip:focus{top:12px}.topbar{position:fixed;inset:0 0 auto;z-index:30;height:var(--top);display:flex;align-items:center;gap:12px;padding-inline:calc(var(--gutter) + 12px) var(--gutter);background:var(--base)}.brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:800;letter-spacing:-.3px}.brand-mark{display:grid;place-items:center;color:var(--link)}.language-picker{position:relative;display:flex;align-items:center;gap:6px;margin-inline-start:auto;color:var(--text-3)}.language-picker select{appearance:none;background:transparent;border:0;padding:6px 22px 6px 2px;font-size:13px;color:var(--text-2);cursor:pointer}[dir=rtl] .language-picker select{padding:6px 2px 6px 22px}.language-picker select option{background:var(--menu)}.language-picker>svg:last-child{position:absolute;inset-inline-end:4px;pointer-events:none}.icon-button{display:grid;place-items:center;width:36px;height:36px;border-radius:6px;background:transparent;color:var(--text-2)}.icon-button:hover{background:var(--raised);color:var(--text)}.mobile-menu{display:none}aside{position:fixed;top:var(--top);bottom:0;inset-inline-start:var(--gutter);width:var(--side);z-index:20;display:flex;flex-direction:column;padding:8px 16px 20px 0;background:var(--base);overflow-y:auto}[dir=rtl] aside{padding:8px 0 20px 16px}.server-picker{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;margin-bottom:24px;padding:12px;border-radius:6px;background:var(--field);text-align:start}.server-picker:hover{background:#0d0e13}a.server-picker{color:inherit;text-decoration:none}.server-icon img{width:100%;height:100%;border-radius:50%;object-fit:cover}.server-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--raised);color:var(--text-2)}.server-text{flex:1;min-width:0}.server-text strong{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-picker>svg:last-child{color:var(--text-3)}nav{display:grid;gap:2px}nav a{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 26px;border-radius:5px;font-size:14px;color:var(--text-3)}[dir=rtl] nav a{padding:10px 26px 10px 12px}nav a:before{content:"";position:absolute;inset-inline-start:11px;width:5px;height:5px;border-radius:50%;background:var(--text-4)}nav a:hover{color:var(--text-2)}nav a.active{background:var(--page);color:var(--text)}nav a.active:before{background:var(--accent)}.nav-label{margin:22px 0 8px;padding-inline-start:12px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.sidebar-help{display:flex;align-items:center;gap:10px;margin-top:auto;padding:10px 12px;border-radius:5px;background:transparent;font-size:13px;color:var(--text-3)}.sidebar-help:hover{color:var(--text);background:var(--raised)}.scrim{display:none}main{margin-inline-start:calc(var(--gutter) + var(--side));margin-inline-end:var(--gutter);padding:calc(var(--top) + 36px) 0 120px;padding-inline:40px 0;max-width:calc(var(--shell) - var(--side))}[dir=rtl] main{padding-inline:40px 0}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.page-heading p{margin-top:6px;max-width:640px}.heading-switch{display:flex;align-items:center;gap:10px;padding-top:4px;font-size:13px;color:var(--text-2);cursor:pointer}.stack{display:grid;gap:12px}.row,.module-head,.setting-line{display:flex;align-items:center;justify-content:space-between;gap:24px}.row{min-height:72px;padding:20px 24px;background:var(--surface);border-radius:6px}.row p,.module-head p,.setting-line p{margin-top:4px;font-size:13px}.module{background:var(--surface);border-radius:6px}.module-head{min-height:72px;padding:20px 24px}.module-body{padding:0 24px 28px}.module-body.narrow,.narrow{max-width:528px}.module-body.narrow{max-width:none}.module-body.narrow>*{max-width:480px}.module-body .divider{height:1px;margin:28px 0 24px;background:var(--line)}.card-column{max-width:620px}.sub-heading{margin-bottom:16px;font-size:14px;font-weight:600}.setting-line{padding:4px 0 8px}.two-up{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 32px}.module-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}.text-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--link)}.text-link:hover{color:var(--text)}label,.field-label{display:block;margin:22px 0 8px;font-size:13px;color:var(--text-2)}.module-body>:first-child>label:first-child,.module-body.narrow>label:first-child{margin-top:0}input:not([type=range]):not([type=color]):not([type=checkbox]),select,textarea{display:block;width:100%;min-height:44px;padding:11px 14px;border:0;border-radius:5px;background:var(--field);font-size:14px;color:var(--text)}input::placeholder,textarea::placeholder{color:var(--text-4)}textarea{resize:vertical;min-height:96px;line-height:1.5}select{appearance:none;padding-inline-end:40px;cursor:pointer}select option{background:var(--menu)}input[type=range]{width:100%;accent-color:var(--accent)}input[type=number]{font-variant-numeric:tabular-nums}.select-wrap{position:relative}.select-wrap>span{position:absolute;top:50%;inset-inline-start:14px;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.select-wrap>span+select{padding-inline-start:34px}.select-wrap>svg{position:absolute;top:50%;inset-inline-end:14px;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.field-help{margin-top:8px;font-size:12px;color:var(--text-3)}.field-help.warn{color:var(--warn)}.layout-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.two-up .layout-options{grid-template-columns:repeat(4,52px);gap:6px}.layout-options button{display:grid;justify-items:center;align-content:center;gap:8px;min-height:44px;padding:10px 4px;border-radius:6px;background:var(--field);font-size:12px;color:var(--text-2);box-shadow:inset 0 0 0 1px transparent}.layout-options button:hover{background:#0d0e13}.layout-options button.chosen{box-shadow:inset 0 0 0 2px var(--accent);color:var(--text)}.layout-mini{direction:ltr;display:flex;align-items:center;gap:4px;width:34px;height:18px}.layout-mini i{display:block;flex-shrink:0;width:12px;height:12px;border-radius:50%;background:currentColor;opacity:.8}.layout-mini b{width:18px;height:3px;background:currentColor;box-shadow:0 5px currentColor;opacity:.8}.layout-mini.right{flex-direction:row-reverse}.layout-mini.center{flex-direction:column;gap:3px}.layout-mini.center i{width:9px;height:9px}.layout-mini.center b{box-shadow:none}.layout-mini.strip{align-items:flex-end}.swatches{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border-radius:6px;background:var(--field)}.swatches button{width:20px;height:20px;padding:0;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff26}.swatches button.on{outline:2px solid var(--text);outline-offset:2px}.color-control input{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}.custom-color{position:relative;width:20px;height:20px;margin:0;border-radius:50%;background:conic-gradient(#ff5b5b,#ffd84d,#5be37d,#4dd8ff,#6d7bff,#e45bff,#ff5b5b);cursor:pointer}.custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.custom-color:focus-within{outline:2px solid var(--focus);outline-offset:2px}.color-control{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;background:var(--field);font-size:12px;color:var(--text-2)}.switch{flex-shrink:0;width:44px;height:24px;padding:3px;border-radius:12px;background:#4b4f63;transition:background .15s}.switch span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on{background:var(--accent)}.switch.on span{transform:translate(20px)}[dir=rtl] .switch.on span{transform:translate(-20px)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 16px;border-radius:5px;font-size:13px;font-weight:600;white-space:nowrap}.button.primary{background:var(--accent);color:#fff}.button.primary:hover:not(:disabled){background:var(--accent-hover)}.button.secondary{background:var(--raised);color:var(--text)}.button.secondary:hover:not(:disabled){background:var(--raised-hover)}.button.text{background:transparent;color:var(--text-2)}.button.text:hover:not(:disabled){color:var(--text);background:var(--raised)}.button.full{width:100%}.text-button{padding:0;background:transparent;font-size:13px;font-weight:500;color:var(--link)}.text-button:hover{color:var(--text)}.message-version{position:relative;margin-top:8px}.message-version textarea{padding-inline-end:44px}.message-version .icon-button{position:absolute;top:4px;inset-inline-end:4px}.add-version{display:inline-flex;align-items:center;gap:6px;margin-top:12px}.discord{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;margin:0 0 8px;padding:16px 16px 18px;border-radius:8px;background:#313338;font-family:Inter,gg sans,system-ui,sans-serif}.discord-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff}.discord-avatar{overflow:hidden}.discord-avatar img{width:100%;height:100%;object-fit:cover}.discord-body{min-width:0}.discord-author{display:flex;align-items:center;flex-wrap:wrap;gap:6px;line-height:1.3}.discord-author strong{font-size:15px;font-weight:600;color:#f2f3f5}.discord-tag{padding:1px 5px;border-radius:4px;background:#5865f2;font-size:10px;font-weight:600;color:#fff}.discord-author time{font-size:12px;color:#949ba4}.discord-text{margin-top:3px;font-size:15px;line-height:1.375;color:#dbdee1;white-space:pre-wrap;overflow-wrap:anywhere}.mention{padding:0 2px;border-radius:3px;background:#5865f24d;color:#c9cdfb;font-weight:500}.discord-card{margin-top:8px;max-width:520px}.discord-card canvas,.discord-card .welcome-card{border-radius:8px}.notice{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;border-radius:6px;background:#f2b84b1a;box-shadow:inset 0 0 0 1px #f2b84b40;font-size:13px;color:#f4d39a}.notice>svg{color:var(--warn)}.notice>span{flex:1}.notice.danger{background:#f0706a1a;box-shadow:inset 0 0 0 1px #f0706a4d;color:#f6b4b0}.notice.danger>svg{color:var(--danger)}.savebar{position:fixed;z-index:25;bottom:16px;inset-inline-start:calc(var(--gutter) + var(--side) + 24px);inset-inline-end:max(16px,calc(var(--gutter) - 16px));display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 14px 12px 20px;border-radius:8px;background:#0f1015;box-shadow:0 10px 30px #0006;font-size:14px;animation:rise .18s ease-out}.save-actions{display:flex;gap:8px}@keyframes rise{0%{transform:translateY(12px);opacity:0}}.toast{position:fixed;z-index:40;top:calc(var(--top) + 12px);inset-inline-end:var(--gutter);display:flex;align-items:center;gap:10px;max-width:min(440px,calc(100vw - 32px));padding:12px 10px 12px 16px;border-radius:8px;background:#1f3a2c;box-shadow:0 10px 30px #0006;font-size:13px;color:#d6f5e3}.toast>svg:first-child{color:var(--ok)}.toast button{display:grid;place-items:center;padding:4px;border-radius:4px;background:transparent;color:inherit;opacity:.7}.toast button:hover{opacity:1}.modal{width:min(520px,calc(100vw - 32px));padding:24px;border:0;border-radius:10px;background:var(--page);color:var(--text);box-shadow:0 24px 60px #00000080}.modal::backdrop{background:#05060ab3}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-heading h2{font-size:17px}.modal p{margin-top:14px;font-size:14px;color:var(--text-2)}.modal p.field-help{font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.server-list{display:grid;gap:4px}.server-list button{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;background:transparent;text-align:start}.server-list button:hover,.server-list button.current{background:var(--surface)}.server-list bdi{flex:1}.server-list button>svg:last-child{color:var(--accent)}.help-steps{margin:0;padding-inline-start:20px;display:grid;gap:10px;color:var(--text-2)}.activity{width:100%;border-collapse:collapse;font-size:13px}.activity th{padding:16px 24px 12px;font-size:12px;font-weight:500;text-align:start;color:var(--text-3);border-bottom:1px solid var(--line)}.activity td{padding:14px 24px;border-bottom:1px solid var(--line);vertical-align:top}.activity tr:last-child td{border-bottom:0}.activity small{display:block;margin-top:2px;font-size:12px;color:var(--text-3)}.result:before{content:"";display:inline-block;width:7px;height:7px;margin-inline-end:8px;border-radius:50%;background:var(--text-4);vertical-align:1px}.result.delivered:before{background:var(--ok)}.result.failed:before,.result.expired:before{background:var(--danger)}.result.suppressed:before,.result.queued:before,.result.held:before,.result.waiting:before,.result.unconfirmed:before{background:var(--warn)}.empty{display:grid;justify-items:center;gap:8px;padding:56px 24px;text-align:center;color:var(--text-3)}.empty h2{margin-top:6px;color:var(--text)}.empty p{max-width:400px;margin-bottom:12px}.editor-render-placeholder{display:grid;place-items:center;aspect-ratio:2;font-size:13px;color:var(--text-3)}@media(max-width:1100px){:root{--side: 220px;--gutter: 12px}main{padding-inline:28px 0}[dir=rtl] main{padding-inline:28px 0}}@media(max-width:760px){:root{--top: 56px;--gutter: 0px}body:before{display:none}.topbar{padding-inline:8px 12px}.mobile-menu{display:grid}.brand{font-size:17px}.discord{padding-inline:12px}.discord-card{margin-left:-54px}aside{width:280px;padding:12px 16px 20px;transform:translate(-100%);transition:transform .18s ease-out;box-shadow:0 0 40px #00000080}[dir=rtl] aside{padding:12px 16px 20px;transform:translate(100%)}aside.open{transform:none}.scrim{display:block;position:fixed;inset:var(--top) 0 0;z-index:15;background:#05060a99}main,[dir=rtl] main{margin:0;padding:calc(var(--top) + 24px) 12px 110px}.page-heading{gap:16px}.row,.module-head{padding:18px 16px}.module-body{padding:0 16px 24px}.two-up{grid-template-columns:1fr}.discord{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px}.discord-avatar{width:32px;height:32px}.savebar{inset-inline:8px;bottom:8px;padding:10px 10px 10px 14px;font-size:13px}.toast{inset-inline:16px;max-width:none}.activity th:nth-child(3),.activity td:nth-child(3){display:none}.activity th,.activity td{padding-inline:16px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}.module-body.narrow>.setting-line{max-width:none}.skeleton{display:block;border-radius:6px;background:linear-gradient(90deg,var(--surface) 0%,var(--raised) 50%,var(--surface) 100%) 0 0 / 200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton.line{width:70%;height:12px;border-radius:4px}.skeleton.block{height:72px}.skeleton.block.tall{height:560px}.skeleton.card{aspect-ratio:2;border-radius:8px;background-color:#ffffff0a;background-image:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .06) 50%,transparent 100%)}.skeleton.card.placeholder{background-color:transparent;background-image:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .08) 50%,transparent 100%),var(--placeholder);background-size:200% 100%,cover;background-position:0 0,center}@keyframes shimmer{to{background-position:-200% 0}}.cached-card{display:block;width:100%;aspect-ratio:2;border-radius:8px}.toast.warning{background:#3a3020;color:#f8e3bb}.toast.warning>svg:first-child{color:var(--warn)}.toast.error{background:#3f2124;color:#fbd2cf}.toast.error>svg:first-child{color:var(--danger)}.layout-options button{position:relative}.layout-options .signature-mark{position:absolute;top:4px;inset-inline-end:4px;color:var(--accent)}.setup-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;margin-bottom:20px;padding:16px 20px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface)}.setup-strip h2{margin:0 0 8px;font-size:15px}.setup-strip ol{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--text-3)}.setup-strip li{display:flex;align-items:center;gap:6px}.setup-strip li.done{color:var(--text-2)}.setup-strip li.done svg{color:var(--ok)}.setup-thumb{display:block;width:120px}.setup-thumb img,.setup-thumb canvas{display:block;width:100%;aspect-ratio:2;border-radius:6px}.test-status{display:flex;align-items:center;gap:6px;min-height:20px;font-size:13px;color:var(--text-2)}.test-status svg{color:var(--ok)}.test-status a{color:var(--link)}@media(max-width:760px){.setup-strip{grid-template-columns:minmax(0,1fr)}.setup-thumb{display:none}}