@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--bg-0: #0e0e10;--bg-1: #18191c;--bg-2: #1e1f22;--bg-3: #2b2d31;--bg-4: #313338;--accent: #5865f2;--accent-h: #4752c4;--green: #23a55a;--red: #ed4245;--yellow: #faa61a;--t1: #f2f3f5;--t2: #dbdee1;--t3: #949ba4;--t4: #6d6f78;--border: rgba(255, 255, 255, .08);--glass: rgba(255, 255, 255, .03)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:var(--bg-0);color:var(--t1);overflow:hidden;height:100vh}h1,h2,h3,.brand-name{font-family:Outfit,sans-serif;font-weight:700}.material-symbols-rounded{font-family:Material Symbols Rounded!important;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 40;vertical-align:middle;line-height:inherit;font-size:20px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--bg-4)}.topbar{background:var(--bg-1);height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.04);position:fixed;top:0;left:0;right:0;z-index:1000}.brand{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;color:var(--t1)}.brand-icon{width:36px;height:36px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font:700 16px Outfit;color:#fff}.brand-name{font:700 20px Outfit}.user-pill{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 12px 4px 4px;border-radius:28px;background:rgba(255,255,255,.05);position:relative;transition:.15s}.user-pill:hover{background:rgba(255,255,255,.1)}.user-pill img{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-pill span{font:600 13px Inter;color:var(--t2)}.layout{display:flex;margin-top:56px;height:calc(100vh - 56px)}.sidebar{width:240px;background:var(--bg-1);border-right:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column}.main{flex-grow:1;overflow-y:auto;padding:24px 32px 32px}.cfg-card{background:var(--bg-2);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.04);margin-bottom:24px}.cfg-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.cfg-field label{display:flex;align-items:center;gap:6px;font:700 11px Inter;color:var(--t3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.cfg-field select,.cfg-field input,.cfg-field textarea{width:100%;background:var(--bg-0);border:1px solid rgba(255,255,255,.08);color:var(--t1);padding:12px 14px;border-radius:8px;font:500 14px Inter;outline:none;transition:.2s}.cfg-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236d6f78' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.opt-card{background:var(--bg-0);border-radius:12px;margin-bottom:8px;border:1px solid rgba(255,255,255,.04);transition:.25s ease;overflow:hidden;position:relative}.opt-card:hover{border-color:#ffffff1a;background:var(--bg-1)}.opt-preview{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:default;transition:padding .2s ease}.opt-card:hover .opt-preview{padding:8px 16px}.opt-edit{max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease,opacity .2s ease,padding .25s ease;padding:0 16px}.opt-card:hover .opt-edit{max-height:500px;opacity:1;padding:0 16px 16px}.mode-selector{display:flex;gap:4px;background:var(--bg-0);padding:4px;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.mode-btn{flex:1;padding:8px;border-radius:6px;font:700 11px Inter;color:var(--t3);text-align:center;cursor:pointer;transition:.15s;text-transform:uppercase;letter-spacing:.5px}.mode-btn.on{background:var(--bg-3);color:var(--t1);box-shadow:0 2px 8px #0003}.preview-card{background:var(--bg-3);border-radius:12px;border:1px solid rgba(255,255,255,.04);overflow:hidden;display:flex;flex-direction:column}.preview-label{font:700 10px Inter;color:var(--t4);text-transform:uppercase;letter-spacing:1px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.04)}.preview-body{padding:24px}.dc-msg{display:flex;gap:14px}.dc-av{width:40px;height:40px;border-radius:50%;background:var(--accent);flex-shrink:0;display:grid;place-items:center;font:800 15px Outfit;color:#fff}.dc-name{display:flex;align-items:center;gap:5px;margin-bottom:2px}.dc-name b{font:700 15px Inter;color:var(--t1)}.dc-badge{background:var(--accent);color:#fff;font:700 9px Inter;padding:1px 5px;border-radius:3px}.dc-content{min-width:0;flex:1}.dc-embed{margin-top:8px;border-left:4px solid var(--accent);background:#2b2d31;padding:12px 16px;border-radius:4px;max-width:520px}.dc-embed h4{color:#fff;font:700 16px Inter;margin-bottom:4px}.dc-embed p{color:#dbdee1;font:400 14px Inter;white-space:pre-wrap}.btn-pub{background:var(--green);color:#fff;padding:10px 24px;border-radius:8px;font:700 13px Inter;border:none;cursor:pointer;transition:.15s}.btn-pub:hover{background:#1e8e4d;transform:translateY(-1px)}.btn-pub:disabled{opacity:.5;cursor:not-allowed;transform:none}.toast-bar{position:fixed;bottom:32px;left:50%;transform:translate(-50%,120px);background:var(--bg-2);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:12px 20px;display:flex;align-items:center;gap:16px;z-index:8000;box-shadow:0 8px 40px #0009;transition:transform .4s cubic-bezier(.18,.89,.32,1.28);min-width:420px}.toast-bar.show{transform:translate(-50%)}.color-dot{width:24px;height:24px;border-radius:6px;cursor:pointer;transition:.15s;border:2px solid transparent;display:grid;place-items:center;font-size:12px;color:#fff}.color-dot.on{border-color:#fff}.dot-blurple{background:#5865f2}.dot-grey{background:#4f545c}.dot-green{background:#23a55a}.dot-red{background:#ed4245}