:root{
  --bg:#060608;--panel:#0d0e12;--panel2:#121319;--line:#23252f;--text:#f5f5f7;
  --muted:#8f93a1;--red:#ed4245;--gold:#f2c15e;--green:#57f287;
  --shadow:0 28px 80px rgba(0,0,0,.48);--radius:22px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at 15% 10%,rgba(237,66,69,.12),transparent 30%),radial-gradient(circle at 85% 85%,rgba(242,193,94,.06),transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}
body{min-height:100vh;overflow-x:hidden}
button,input,textarea,select{font:inherit}button{cursor:pointer}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E")}
.brand-mark{width:72px;height:72px;border:1px solid rgba(242,193,94,.35);background:linear-gradient(145deg,#171821,#09090c);border-radius:21px;display:grid;place-items:center;font-weight:900;font-size:34px;color:var(--gold);box-shadow:inset 0 0 30px rgba(242,193,94,.04),var(--shadow)}
.brand-mark.small{width:46px;height:46px;border-radius:14px;font-size:21px}.eyebrow{font-size:11px;letter-spacing:.21em;color:var(--gold);font-weight:800}
.primary-btn,.ghost-btn,.danger-btn{border:0;border-radius:13px;padding:12px 16px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.primary-btn{background:linear-gradient(135deg,#f05d5f,#cc2f36);color:#fff;box-shadow:0 12px 28px rgba(237,66,69,.22)}.primary-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}
.ghost-btn{background:#171820;color:#e6e7eb;border:1px solid #292b36}.ghost-btn:hover{background:#1d1f28}.danger-btn{background:rgba(237,66,69,.12);color:#ff8084;border:1px solid rgba(237,66,69,.25)}
.mini{padding:9px 12px;border-radius:10px}.link-btn{border:0;background:none;color:var(--gold);font-weight:800}
.landing-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.hero-card{width:min(880px,100%);padding:46px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(17,18,24,.96),rgba(8,8,11,.96));border-radius:32px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-card:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(237,66,69,.08);filter:blur(40px);left:-150px;bottom:-180px}.hero-card h1{font-size:clamp(48px,9vw,92px);line-height:.96;margin:26px 0 20px;letter-spacing:-.055em}.hero-card h1 span{color:var(--red)}
.hero-copy{max-width:670px;color:#b9bbc5;font-size:18px;line-height:1.9}.auth-area{margin:28px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.feature-grid article{padding:18px;border:1px solid #252731;background:#0d0e12;border-radius:16px;display:flex;flex-direction:column;gap:5px}.feature-grid b{color:var(--gold);font-size:12px;letter-spacing:.14em}.feature-grid span{font-size:14px;color:#c7c9d0}.guild-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin-top:16px}.guild-card{padding:16px;border-radius:15px;background:#13151b;border:1px solid #292b36;text-decoration:none;color:white;display:flex;align-items:center;gap:12px}.guild-card:hover{border-color:rgba(242,193,94,.42)}.guild-icon{width:42px;height:42px;border-radius:13px;background:#232631;display:grid;place-items:center;font-weight:900;color:var(--gold);overflow:hidden}.guild-icon img{width:100%;height:100%;object-fit:cover}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:rgba(6,6,8,.86);backdrop-filter:blur(18px);border-bottom:1px solid #1d1f27}.topbar-brand{display:flex;align-items:center;gap:12px}.guild-name{font-size:16px;font-weight:900;margin-top:3px}.top-actions{display:flex;gap:10px}
.studio-grid{display:grid;grid-template-columns:minmax(460px,1.15fr) minmax(390px,.95fr) 300px;gap:18px;padding:18px;max-width:1900px;margin:auto;direction:ltr;align-items:start}.studio-grid>*{direction:rtl;min-width:0}
.panel,.history-panel{background:linear-gradient(160deg,#101116,#0b0c10);border:1px solid #22242d;border-radius:var(--radius);box-shadow:0 15px 50px rgba(0,0,0,.22)}.toolbox,.editor-panel{padding:18px;min-height:calc(100vh - 104px)}
.preview-column{display:flex;flex-direction:column;gap:14px;min-width:0;position:sticky;top:86px;max-height:calc(100vh - 102px);overflow:auto;padding-bottom:2px}.preview-head{display:flex;align-items:center;justify-content:space-between;padding:4px 8px}.preview-head h2{margin:4px 0 0;font-size:27px}
.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-title>span{font-weight:900;font-size:16px}.panel-title small{color:var(--muted);font-size:11px}.panel-title.compact{margin:0;padding:16px 18px;border-bottom:1px solid #1f212a}
.tool-buttons{display:grid;gap:9px}.tool-btn{display:flex;align-items:center;text-align:right;gap:12px;background:#14161d;border:1px solid #292b36;border-radius:14px;color:white;padding:12px}.tool-btn:hover{border-color:rgba(242,193,94,.45);background:#181a22}.announcement-tool{border-color:rgba(237,66,69,.24);background:linear-gradient(135deg,rgba(237,66,69,.10),#14161d)}
.tool-icon{width:38px;height:38px;border-radius:11px;background:#090a0e;display:grid;place-items:center;color:var(--gold);font-weight:900;border:1px solid #242631}.tool-btn b,.tool-btn small{display:block}.tool-btn small{color:var(--muted);margin-top:3px;font-size:11px}
.form-block{border-top:1px solid #20222b;margin-top:18px;padding-top:18px}.form-block label{display:block;color:#cfd1d7;font-size:12px;font-weight:800;margin-bottom:9px}.field-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.field-title-row label{margin:0}.accent-state{color:var(--gold);font-size:10px}.color-row{display:grid;grid-template-columns:50px 1fr;gap:8px}.accent-controls{margin-top:10px;transition:.18s}.accent-controls.disabled{opacity:.35;filter:grayscale(.8)}
input[type=color]{width:50px;height:44px;border:1px solid #2a2c37;border-radius:12px;background:#101116;padding:4px}.text-input,.select-input,.block-text,.block-url{width:100%;background:#0a0b0f;border:1px solid #292b36;color:white;border-radius:12px;padding:11px 12px;outline:none}.text-input:focus,.select-input:focus,.block-text:focus,.block-url:focus{border-color:#51566a;box-shadow:0 0 0 3px rgba(81,86,106,.12)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:left}.select-input option{background:#111218}
.switch-row{display:flex;align-items:center;gap:11px;margin-top:18px;padding:13px;border-radius:14px;background:#111219;border:1px solid #252731}.switch-row input{display:none}.switch{width:39px;height:22px;background:#292c36;border-radius:30px;position:relative;flex:0 0 auto}.switch:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:white;top:3px;right:3px;transition:.2s}.switch-row input:checked+.switch{background:var(--red)}.switch-row input:checked+.switch:after{right:20px}.switch-row b,.switch-row small{display:block}.switch-row small{font-size:10px;color:var(--muted);margin-top:2px}.compact-switch{margin-top:8px}.mention-switch{border-color:rgba(87,242,135,.16)}
.split-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.blocks-list{display:flex;flex-direction:column;gap:10px}.block-card{background:#12141a;border:1px solid #292b36;border-radius:16px;padding:12px;transition:.18s}.block-card.announcement-card{border-color:rgba(237,66,69,.30);background:linear-gradient(145deg,rgba(237,66,69,.07),#12141a)}.block-card.dragging{opacity:.45;transform:scale(.99)}.block-card.drag-over{border-color:var(--gold);box-shadow:0 0 0 2px rgba(242,193,94,.08)}.block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.block-type{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900}.drag-handle{color:#6d7180;cursor:grab;font-size:20px;line-height:1}.block-actions{display:flex;gap:5px}.icon-btn{width:32px;height:32px;border-radius:9px;border:1px solid #2a2c36;background:#0b0c10;color:#aeb1bb}.icon-btn:hover{color:white;background:#1d1f27}.icon-btn.danger:hover{color:#ff777b;border-color:rgba(237,66,69,.4)}.block-text{min-height:120px;resize:vertical;line-height:1.7}.announcement-input{min-height:86px;font-size:17px;font-weight:850;line-height:1.55}.image-row{display:grid;grid-template-columns:1fr auto;gap:8px}.upload-btn{position:relative;overflow:hidden}.upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.image-thumb{width:100%;max-height:180px;object-fit:cover;border-radius:12px;margin-top:9px;border:1px solid #292b36}.separator-config{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.separator-config label{display:flex;align-items:center;gap:6px;color:#c6c8d0;font-size:12px}.empty-add{margin-top:12px;width:100%;padding:18px;border:1px dashed #333643;border-radius:15px;background:transparent;color:#777c8e}
.status-pill{border:1px solid #2b2e38;background:#11131a;border-radius:999px;padding:8px 11px;color:#b6b9c4;font-size:11px;display:flex;align-items:center;gap:7px}.status-pill i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}.discord-stage{min-height:510px;border-radius:26px;border:1px solid #242630;background:radial-gradient(circle at 80% 10%,rgba(237,66,69,.08),transparent 28%),#0b0c10;padding:26px 18px;box-shadow:var(--shadow)}.discord-message{display:grid;grid-template-columns:42px 1fr;gap:12px;direction:ltr}.bot-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#2d1114,#08090c);border:1px solid #4a2327;color:#ff7c80;display:grid;place-items:center;font-weight:900}.message-body{min-width:0;direction:rtl}.message-meta{direction:ltr;display:flex;gap:7px;align-items:center;margin:0 0 8px}.message-meta b{font-size:14px;color:#f2f3f5}.message-meta small{color:#7d818f}.app-badge{font-size:10px;background:#5865f2;color:white;border-radius:5px;padding:2px 5px}
.v2-container{border:1px solid #2b2d36;border-right:4px solid var(--red);background:#14151a;border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:0;min-height:76px;overflow:hidden;transition:.18s}.preview-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;color:#e8e8eb;font-size:14px}.preview-announcement{white-space:pre-wrap;overflow-wrap:anywhere;font-size:23px;line-height:1.35;font-weight:950;letter-spacing:-.02em;color:#f6f6f8;margin:2px 0}.preview-image{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:9px;margin:3px 0}.preview-separator{height:1px;background:#343640;margin:12px 0}.preview-separator.large{margin:20px 0}.preview-empty{color:#707482;text-align:center;padding:18px 6px}.mention-preview{color:#8ea1ff;background:rgba(88,101,242,.16);border-radius:4px;padding:0 3px;font-weight:650}
.history-panel{overflow:hidden}.history-list{max-height:220px;overflow:auto}.history-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 16px;border-bottom:1px solid #1f2129}.history-item:last-child{border-bottom:0}.history-item b{font-size:12px}.history-item small{display:block;color:var(--muted);margin-top:4px}.history-item code{color:var(--gold);font-size:10px}.toast{position:fixed;left:22px;bottom:22px;z-index:100;min-width:260px;max-width:420px;background:#14161d;border:1px solid #30333f;color:white;padding:13px 16px;border-radius:13px;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.24s}.toast.show{transform:translateY(0);opacity:1}.toast.error{border-color:rgba(237,66,69,.5);color:#ffb1b3}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:90;display:grid;place-items:center;padding:20px;backdrop-filter:blur(10px)}.modal.hidden{display:none}.modal-card{width:min(430px,100%);background:#0e0f14;border:1px solid #282a34;border-radius:24px;padding:28px;text-align:center;box-shadow:var(--shadow)}.modal-card .brand-mark{margin:0 auto 18px}.modal-card p{color:var(--muted);line-height:1.7}
@media(max-width:1299px) and (min-width:861px){.studio-grid{grid-template-columns:minmax(430px,1.05fr) minmax(410px,.95fr);grid-template-rows:auto auto}.preview-column{grid-column:1;grid-row:1/3}.editor-panel{grid-column:2;grid-row:1}.toolbox{grid-column:2;grid-row:2;min-height:auto}.preview-column{position:sticky;top:86px}.toolbox,.editor-panel{min-height:auto}}
@media(max-width:860px){.feature-grid{grid-template-columns:1fr 1fr}.guild-cards{grid-template-columns:1fr}.hero-card{padding:26px}.topbar{padding:12px;align-items:flex-start;gap:12px}.top-actions{flex-direction:column}.studio-grid{grid-template-columns:1fr;padding:10px;direction:rtl}.toolbox,.editor-panel{min-height:auto}.toolbox{order:1}.editor-panel{order:2}.preview-column{order:3;position:static;max-height:none;overflow:visible}.discord-stage{padding:18px 10px}.image-row{grid-template-columns:1fr}.top-actions .primary-btn,.top-actions .ghost-btn{padding:10px 12px}}