:root{
  --bg:#07090d;--panel:#0e1118;--panel2:#121722;--line:#242b38;--text:#f5f7fb;--muted:#8791a4;
  --gold:#f6b83f;--gold2:#8a5b08;--purple:#8b5cf6;--pink:#db4ca9;--cyan:#22d3ee;--green:#32d583;
}
*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}.operator-body{min-height:100vh;background:radial-gradient(circle at 75% 10%,rgba(139,92,246,.09),transparent 28%),radial-gradient(circle at 35% 0%,rgba(246,184,63,.06),transparent 25%),var(--bg)}
.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;background:#080b10}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 20px}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:26px;transform:rotate(30deg);border-radius:10px}.brand strong,.brand span{display:block;letter-spacing:.18em}.brand strong{font-size:14px}.brand span{font-size:9px;color:#c8cfda;line-height:1.45}.nav-list{display:grid;gap:4px}.nav-item{width:100%;display:flex;text-decoration:none;gap:10px;align-items:center;border:1px solid transparent;background:transparent;color:#c8ced8;border-radius:10px;padding:10px 12px;text-align:left;cursor:pointer}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(246,184,63,.17),rgba(246,184,63,.05));border-color:#76531a;color:#fff}.nav-divider{height:1px;background:var(--line);margin:10px 0}.sidebar-bottom{margin-top:auto;padding-top:18px}.pro-card{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:2px;background:var(--panel)}.pro-card b{font-size:10px;background:var(--gold);color:#171004;padding:2px 6px;border-radius:5px}.pro-card small{grid-column:1/-1;color:var(--muted)}
.workspace{padding:22px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:18px}.topbar>div:first-child{display:flex;align-items:center;gap:18px}.topbar h1{margin:0;text-transform:uppercase;letter-spacing:.05em;font-size:24px;color:#f8d88e}.live-status{font-size:13px;color:#dbe2eb}.live-status i,.preview-top i,.live-pill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff3b4f;margin-right:6px;box-shadow:0 0 12px #ff3b4f}.live-status i{background:#22d89a;box-shadow:0 0 12px #22d89a}.top-actions{display:flex;gap:8px;flex-wrap:wrap}.ghost-btn{border:1px solid var(--line);background:var(--panel);color:#dce2eb;padding:9px 12px;border-radius:9px;text-decoration:none;cursor:pointer}.ghost-btn:hover{border-color:#4a5466}
.operator-grid{display:grid;grid-template-columns:minmax(430px,1.05fr) minmax(330px,.9fr) minmax(250px,.62fr);gap:16px;align-items:start}.left-stack,.right-stack{display:grid;gap:16px}.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,23,34,.97),rgba(11,14,21,.98));border-radius:15px;padding:16px}.section-kicker{font-size:12px;color:#d8b86e;text-transform:uppercase;font-weight:800;letter-spacing:.08em;margin-bottom:10px}.field-label{display:block;color:#a9b2c1;font-size:13px;margin-bottom:7px}.search-wrap{height:48px;border:1px solid #6936a2;background:#0a0d13;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 12px;box-shadow:inset 0 0 0 1px rgba(139,92,246,.06)}.search-wrap input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:white;font-size:18px}.search-wrap button{border:0;background:transparent;color:#768196;font-size:22px;cursor:pointer}.suggestions{border:1px solid var(--line);border-radius:10px;background:#0c1018;margin-top:7px;overflow:hidden}.suggestion{display:flex;justify-content:space-between;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #171d28;background:transparent;color:#e8edf6;text-align:left;cursor:pointer}.suggestion:hover,.suggestion.active{background:#32205e}.suggestion small{color:#8993a5}.command-hint{font-size:11px;color:#7e889a;margin-top:9px}.command-hint code{color:#e6c465}.primary-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.action{border-radius:10px;border:1px solid transparent;padding:11px 8px;font-weight:800;cursor:pointer;color:white}.action.gold{border-color:#725019;background:linear-gradient(180deg,#3b2b0e,#1d1609);color:#ffd56f}.action.purple{border-color:#4d2b78;background:linear-gradient(180deg,#2c1b4d,#171024);color:#d9c4ff}.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel-title{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;font-weight:800;margin-bottom:12px}.pill{display:inline-grid;place-items:center;min-width:24px;padding:2px 6px;border-radius:99px;background:#202633;color:#d9e0e9}.queue-list,.vip-list{display:grid;gap:7px}.empty-state{color:#707b8d;font-size:12px}.queue-row,.vip-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:8px 6px;border-bottom:1px solid #1c2230;font-size:12px}.queue-row button{border:0;background:transparent;color:#7f8a9e;cursor:pointer}.avatar-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7452d2,#d67445);font-size:10px}.shortcut{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #1e2431;font-size:12px}.shortcut span{color:#c871ff}.preset-title{font-size:12px;color:#8c96a8;margin:14px 0 8px}.presets{display:flex;gap:7px;flex-wrap:wrap}.presets button{background:#161b25;color:#dce3ec;border:1px solid #303848;border-radius:8px;padding:8px;cursor:pointer}.presets button:hover{border-color:#7b5bb1}
.preview-column{min-width:0}.preview-toolbar{display:flex;justify-content:space-between;color:#8c96a8;font-size:11px;margin-bottom:8px;padding:0 4px}.phone-preview{aspect-ratio:9/16;max-height:690px;margin:auto;border-radius:28px;border:1px solid #805a16;background:radial-gradient(circle at 50% 20%,rgba(246,184,63,.15),transparent 25%),linear-gradient(180deg,#0a0c12,#10131b);position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(246,184,63,.12),0 20px 55px rgba(0,0,0,.32)}.preview-top,.preview-bottom{position:absolute;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-size:11px}.preview-top{top:0}.preview-bottom{bottom:0;border-top:1px solid rgba(255,255,255,.08);background:rgba(7,9,13,.72);backdrop-filter:blur(10px)}.preview-bottom span:first-child{flex:1;border:1px solid #2b3240;border-radius:99px;padding:8px 11px;color:#778296}.result-stage{position:absolute;inset:48px 0 48px;display:grid;place-items:center;padding:18px;text-align:center}.idle-logo{width:84px;height:84px;border-radius:24px;border:1px solid #5e4217;display:grid;place-items:center;color:#e5b94f;font-weight:900;font-size:28px;background:#151109}.idle-copy{font-size:13px;color:#8993a5}.result-card{width:100%;animation:popIn .45s cubic-bezier(.2,.9,.2,1);display:grid;gap:10px}.participant-name{text-transform:uppercase;font-size:clamp(28px,4vw,48px);font-weight:1000;letter-spacing:.02em;color:#f6c65c;text-shadow:0 3px 18px rgba(246,184,63,.25)}.result-headline{font-size:12px;font-weight:800;line-height:1.35}.result-visual{min-height:220px;border-radius:22px;border:1px solid rgba(246,184,63,.6);display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 35%,rgba(246,184,63,.22),transparent 28%),linear-gradient(145deg,#1c202a,#07090d);position:relative;overflow:hidden}.result-visual:before,.result-visual:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(246,184,63,.18);transform:rotate(45deg)}.result-visual:before{left:-65px;top:-65px}.result-visual:after{right:-65px;bottom:-65px}.result-icon{font-size:88px;filter:drop-shadow(0 12px 25px rgba(0,0,0,.4))}.result-name{font-size:24px;font-weight:900}.result-meta{font-size:12px;color:#b1bbc9}.rarity{justify-self:center;border:1px solid #715016;background:#20170a;color:#ffd55f;font-size:12px;font-weight:900;letter-spacing:.1em;padding:7px 13px;border-radius:8px}.result-card.epic .result-visual{box-shadow:inset 0 0 45px rgba(219,76,169,.15),0 0 30px rgba(219,76,169,.15)}.result-card.spotlight{transform:scale(1.03)}.result-card.spotlight .participant-name{font-size:clamp(34px,5vw,56px)}@keyframes popIn{from{opacity:0;transform:scale(.82) translateY(14px)}to{opacity:1;transform:none}}
.support-banner{display:flex;align-items:center;gap:10px;border:1px solid #58328c;background:linear-gradient(90deg,#3b176a,#231039);border-radius:13px;padding:14px;color:#f2eaff}.support-banner div{flex:1;display:grid}.support-banner span{font-size:11px;color:#cbb8dc}.giveaway-time{font-size:36px;letter-spacing:.08em;text-align:center;padding:12px 0;color:#d8bcff}.giveaway-actions,.support-row{display:flex;gap:8px;justify-content:space-between}.giveaway-actions button,.support-row button{border:1px solid #31394a;background:#151a24;color:#dce3ec;border-radius:8px;padding:8px 10px;cursor:pointer}.progress{height:10px;border-radius:999px;background:#080a0e;border:1px solid #2e3543;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#784ae8,#e379cf);transition:width .3s}.support-row{margin-top:8px;font-size:11px;color:#95a0b3;align-items:center}
.stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0}.stat-card{border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,#111620,#0c0f16);padding:14px;display:grid;gap:3px}.stat-card span{font-size:10px;color:#8e98aa}.stat-card b{font-size:25px}.stat-card small{font-size:10px;color:#5f6b7f}.content-engine{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.content-engine h2{margin:0 0 5px}.content-engine p{font-size:12px;color:#8993a5;line-height:1.5}.event-feed{display:flex;gap:8px;overflow:auto}.event-chip{min-width:150px;border:1px solid #2a3140;background:#0a0d13;border-radius:10px;padding:10px}.event-chip b,.event-chip span{display:block}.event-chip span{font-size:10px;color:#7f899c;margin-top:3px}
/* Live view */.live-body{min-height:100vh;background:transparent}.live-canvas{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 320px;background:radial-gradient(circle at 50% 22%,rgba(246,184,63,.13),transparent 25%),#05070a;color:white;padding:24px;gap:18px}.live-main{position:relative;border:1px solid #3b2c13;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#0d1017,#080a0f);min-height:calc(100vh - 48px)}.live-head{display:flex;justify-content:space-between;padding:18px 22px;font-size:14px}.live-pill{font-weight:900}.live-result{position:absolute;inset:70px 24px 80px;display:grid;place-items:center;text-align:center}.live-result .result-card{max-width:760px}.live-result .participant-name{font-size:clamp(44px,7vw,100px)}.live-result .result-headline{font-size:clamp(16px,2vw,28px)}.live-result .result-visual{min-height:360px}.live-result .result-icon{font-size:160px}.live-result .result-name{font-size:clamp(26px,4vw,58px)}.live-side{display:grid;align-content:start;gap:14px}.live-widget{border:1px solid #2c3341;background:rgba(13,17,24,.92);border-radius:16px;padding:16px}.live-widget h2{font-size:13px;margin:0 0 12px;color:#f5d889}.live-widget .vip-row{font-size:14px}.big-time{font-size:42px;letter-spacing:.08em;color:#d9c4ff}.live-banner{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:9;padding:14px 22px;border-radius:999px;background:linear-gradient(90deg,#3b176a,#6d2aa1);box-shadow:0 12px 40px rgba(0,0,0,.4);font-weight:900}
@media(max-width:1200px){.operator-grid{grid-template-columns:1fr 330px}.right-stack{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.support-banner{grid-column:span 2}.stats-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.operator-grid{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr 1fr}.phone-preview{max-height:none}.split-panels,.content-engine{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}.live-canvas{grid-template-columns:1fr}.live-side{grid-template-columns:repeat(3,1fr)}.live-main{min-height:900px}}

.result-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.result-visual:has(.result-image):before,.result-visual:has(.result-image):after{z-index:2}.result-card .result-visual:has(.result-image){padding:0}.result-card .result-visual:has(.result-image)::after{box-shadow:inset 0 -70px 70px rgba(0,0,0,.35)}