*{box-sizing:border-box}body{margin:0;background:#08090d;color:#fff;font-family:"Segoe UI",Arial,sans-serif}.page{min-height:100vh;padding:36px;background:radial-gradient(circle at top left,#232044,#0b0d12 45%,#08090d)}.shell{max-width:1280px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.topbar h1{margin:0 0 10px;font-size:44px;letter-spacing:-1.4px}.topbar h1 span{color:var(--accent,#8b5cf6)}.topbar p{margin:0;color:#d4d4d8;font-size:17px}.top-actions{display:flex;gap:10px;align-items:center}.top-link{border:1px solid #343847;background:#0f1117;color:#fff;border-radius:999px;padding:12px 16px;font-weight:900;cursor:pointer}.icon-wrap,.templates-wrap{position:relative}.icon-btn{width:48px;height:48px;border-radius:50%;border:1px solid #343847;background:#0f1117;display:grid;place-items:center;cursor:pointer;padding:10px}.icon-btn img{width:27px;height:27px;object-fit:contain}.pop-menu{position:absolute;top:60px;right:0;width:300px;background:#111318;border:1px solid #343847;border-radius:16px;padding:15px;box-shadow:0 20px 60px rgba(0,0,0,.55);z-index:1000}.pop-menu h3{margin:0 0 8px}.pop-menu p{color:#a1a1aa;font-size:13px;line-height:1.45}.pop-menu button{width:100%;border:1px solid #343847;background:#0f1117;color:#fff;border-radius:12px;padding:10px;font-weight:800;cursor:pointer;margin-top:8px}.pop-menu .primary{background:#facc15;color:#000;border:0}.pop-menu .discord{background:#5865f2;border:0}.close-pop{position:absolute;top:8px;right:8px;width:28px!important;height:28px;padding:0!important;border-radius:50%!important}.templates-menu{left:0;right:auto;width:300px}.template-list{margin-top:10px;max-height:260px;overflow-y:auto;display:grid;gap:8px}.template-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #252936;background:#0f1117;border-radius:12px;padding:10px}.template-row button{width:auto;margin:0}.layout{display:grid;grid-template-columns:.95fr 1.1fr;gap:22px;align-items:start}.card{background:rgba(24,27,36,.9);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:22px;box-shadow:0 24px 80px rgba(0,0,0,.35);overflow:hidden}.card h2{margin:0 0 18px;font-size:22px}.tools-panel{position:relative;border:1px solid #2f3443;background:rgba(15,17,23,.72);border-radius:18px;padding:14px;margin-bottom:18px}.tools-head{display:flex;justify-content:space-between;gap:12px;color:var(--accent,#8b5cf6)}.tools-head span{color:#a1a1aa;font-size:12px}.tool-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.tool-buttons button,.floating-panel button,.theme-grid button{border:0;background:#252936;color:#fff;border-radius:10px;padding:10px;cursor:pointer;font-weight:900;font-size:12px}.floating-panel{position:absolute;left:14px;right:14px;top:74px;border:1px solid #343847;background:#0f1117;border-radius:16px;padding:12px;box-shadow:0 22px 70px rgba(0,0,0,.65);z-index:950;max-height:360px;overflow-y:auto}.styles-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.font-section{border-top:1px solid #252936;padding-top:10px;margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.font-section:first-child{border-top:0;margin-top:0;padding-top:0}.font-section h4{grid-column:1/-1;margin:0 0 8px;color:var(--accent,#8b5cf6)}.emoji-panel{width:min(360px,calc(100vw - 52px));left:50%;right:auto;transform:translateX(-50%)}.sticky-search{position:sticky;top:0;z-index:2;margin-bottom:10px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.emoji-grid button{font-size:20px;padding:8px;background:#111827;border:1px solid #252936}.copied-note{color:#22c55e;margin-top:10px;font-size:13px;font-weight:800}#editor{width:100%;max-width:100%;min-height:500px;border:1px solid #343847;background:#0f1117;color:#fff;border-radius:18px;padding:16px;outline:none;resize:vertical;font-size:15px;line-height:1.55;font-family:Consolas,monospace;overflow-x:hidden}.colour-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}label{display:block;margin:14px 0 7px;color:#d4d4d8;font-size:13px;font-weight:700}input[type=color]{width:100%;height:42px;border:1px solid #343847;border-radius:14px;background:transparent;padding:0;cursor:pointer}.input{width:100%;border:1px solid #343847;background:#0f1117;color:#fff;border-radius:14px;padding:12px;outline:none}.upload-label input{width:100%;margin-top:8px;border:1px dashed #4b5563;background:#0f1117;color:#fff;border-radius:14px;padding:12px;cursor:pointer}.mini{color:#a1a1aa;font-size:13px;margin:8px 0;line-height:1.4}.secondary{width:100%;border:1px solid #343847;border-radius:14px;padding:11px;background:#0f1117;color:#fff;font-weight:800;cursor:pointer;margin-top:8px}.theme-box,.save-box{margin-top:24px}.theme-box h3,.save-box h3{display:flex;align-items:center;gap:8px;margin:0 0 12px}.diamond-pill{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#facc15}.diamond-pill img{width:15px;height:15px;object-fit:contain}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preview-tabs{display:flex;gap:10px;margin-bottom:14px}.preview-tabs button{flex:1;border:1px solid #343847;background:#0f1117;color:#fff;border-radius:14px;padding:10px;cursor:pointer;font-weight:800}.preview-tabs button.active{border-color:var(--accent,#8b5cf6)}.discord-preview{display:flex;gap:14px;align-items:flex-start;background:#313338;border-radius:24px;padding:18px;height:460px;overflow-y:auto;overflow-x:hidden}.discord-preview.mobile{width:360px;max-width:100%;height:600px;margin:0 auto;aspect-ratio:9/16}.avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--accent,#8b5cf6),#ec4899);display:grid;place-items:center;font-weight:900;flex-shrink:0}.bot-line{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.bot-line strong{color:var(--accent,#8b5cf6)}.bot-line span{background:#5865f2;border-radius:4px;padding:2px 5px;font-size:11px;font-weight:900}.bot-line small{color:#a1a1aa;font-size:12px}.embed-box{max-width:560px;background:#2b2d31;color:#f2f3f5;border-left:5px solid var(--accent,#8b5cf6);border-radius:8px;padding:16px 18px;overflow-wrap:break-word;word-break:break-word}.discord-preview.mobile .embed-box{max-width:260px}.banner{margin-top:14px;width:100%;aspect-ratio:5/1;object-fit:cover;border-radius:8px;display:block;background:#111318}.footer-tabs{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.footer-tabs button{border:1px solid rgba(255,255,255,.08);background:rgba(24,27,36,.72);border-radius:18px;padding:16px;cursor:pointer;color:#fff;text-align:left}.footer-tabs span{display:block;color:#a1a1aa;font-size:13px;margin-top:4px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;z-index:2000;padding:14px}.modal{width:min(720px,92vw);max-height:82vh;overflow-y:auto;background:#111318;border:1px solid #343847;border-radius:20px;padding:22px;box-shadow:0 22px 70px rgba(0,0,0,.6);white-space:pre-wrap;position:relative}.modal-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;border:1px solid #343847;background:#0f1117;color:#fff;cursor:pointer}.hidden{display:none!important}.ad-space{display:none}.spoiler{background:#111;color:#111;border-radius:4px;padding:1px 4px}.quote{border-left:3px solid var(--accent,#8b5cf6);padding-left:11px;margin:8px 0}.h1{color:var(--accent,#8b5cf6);font-size:32px;font-weight:900}.h2{color:var(--accent,#8b5cf6);font-size:27px;font-weight:900}.h3{font-size:16px;font-weight:900;margin:8px 0}code{background:rgba(0,0,0,.25);padding:2px 5px;border-radius:5px}@media(max-width:1024px){.layout{grid-template-columns:1fr}.page{padding:24px}}@media(max-width:640px){.page{padding:14px}.topbar{flex-direction:column}.topbar h1{font-size:34px}.tool-buttons{grid-template-columns:repeat(2,1fr)}.styles-panel{grid-template-columns:repeat(2,1fr)}.font-section{grid-template-columns:1fr}.emoji-grid{grid-template-columns:repeat(5,1fr)}.colour-row{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.footer-tabs{grid-template-columns:1fr}.discord-preview{height:520px}}