:root{color-scheme:dark;--bg:#070b16;--panel:#0f1628;--panel2:#151e35;--line:#253252;--text:#f5f7ff;--muted:#8e9bb8;--cyan:#65d8ff;--violet:#7b6cff;--green:#4ce0a0;--danger:#ff6b7d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% -10%,#192d57 0,transparent 34%),var(--bg);color:var(--text);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}header{height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0a0f1dde;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand img{width:46px;height:46px;border-radius:13px}.brand strong{display:block;letter-spacing:1.4px;font-size:19px}.brand strong span{color:var(--cyan)}.brand small,.panel-title small,.dialog-title small{display:block;color:var(--muted);font-size:10px;letter-spacing:1.5px;font-weight:800}.header-actions,.actions{display:flex;align-items:center;gap:10px}.badge{padding:8px 12px;border:1px solid #5f4d27;background:#2a2314;border-radius:999px;color:#ffd786;font-size:12px;font-weight:800}.badge.online{border-color:#245c4a;background:#12382d;color:#75efbc}main{padding:22px;max-width:1700px;margin:auto}.summary{display:flex;align-items:center;gap:34px;background:linear-gradient(110deg,#121a31,#13233a);border:1px solid var(--line);border-radius:18px;padding:14px 20px;margin-bottom:16px}.summary div{display:flex;align-items:baseline;gap:7px}.summary span{font-size:24px;font-weight:900;color:var(--cyan)}.summary small{color:var(--muted)}.summary p{margin-left:auto;color:var(--muted);font-size:12px}.workspace{display:grid;grid-template-columns:280px 340px minmax(430px,1fr);gap:16px;min-height:calc(100vh - 155px)}.panel{background:linear-gradient(180deg,#10172a,#0c1221);border:1px solid var(--line);border-radius:20px;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}h1,h2{margin:0}h2{font-size:20px}.list{padding:10px;display:flex;flex-direction:column;gap:7px;max-height:calc(100vh - 260px);overflow:auto}.list-item{border:1px solid transparent;background:#111a2d;border-radius:14px;padding:12px;text-align:left;color:var(--text);display:flex;align-items:center;gap:11px;width:100%}.list-item:hover{border-color:#34486f}.list-item.active{background:#172741;border-color:#3f76a0}.item-emoji{font-size:23px}.item-copy{flex:1;min-width:0}.item-copy strong,.item-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-copy span{color:var(--muted);font-size:11px;margin-top:4px}.status-dot{width:8px;height:8px;border-radius:50%;background:#59647d}.status-dot.on{background:var(--green);box-shadow:0 0 12px #4ce0a077}.ai-button{margin:12px;width:calc(100% - 24px);border:1px solid #4d4d91;background:linear-gradient(100deg,#22204f,#15334e);color:#dce7ff;padding:11px;border-radius:12px;font-weight:800}.editor-panel{overflow:auto}.editor{padding:22px;display:flex;flex-direction:column;gap:16px}.editor-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.editor-header p{margin:3px 0 0;color:var(--muted);font-size:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:13px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px}label{display:flex;flex-direction:column;gap:7px;color:#bdc8df;font-size:12px;font-weight:700}input,textarea,select{width:100%;border:1px solid #2a385b;background:#0b1120;color:var(--text);border-radius:11px;padding:11px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #65d8ff18}textarea{resize:vertical;line-height:1.5}.switch-row{display:flex;align-items:center;justify-content:space-between;background:#111a2d;padding:12px;border-radius:12px}.switch-row input{width:20px;height:20px}.primary,.ghost,.danger,.icon-button{border-radius:11px;padding:10px 14px;font-weight:800}.primary{border:0;background:linear-gradient(105deg,var(--violet),#3faee8);color:white}.ghost{border:1px solid #354568;background:#10182a;color:#c8d4ee}.danger{border:1px solid #60303c;background:#2d171e;color:#ff9aa7}.icon-button{width:38px;height:38px;padding:0;border:1px solid #344568;background:#151f35;color:#dfe9ff;font-size:20px}.actions{justify-content:flex-end}.section-builder{border:1px solid var(--line);border-radius:14px;padding:13px;background:#0a101e}.section-builder-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.content-card{border:1px solid #2c3958;border-radius:12px;padding:12px;margin-top:10px;background:#10182a}.content-card .row{display:grid;grid-template-columns:1fr 130px 40px;gap:9px}.empty{height:100%;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:30px}.empty div{font-size:54px}.empty h2{color:var(--text);margin-top:12px}.empty p{max-width:380px}.overlay{position:fixed;inset:0;background:#050813ed;display:grid;place-items:center;z-index:100}.login-card{width:min(430px,calc(100% - 32px));background:linear-gradient(150deg,#131c32,#0d1425);border:1px solid #304365;padding:28px;border-radius:24px;box-shadow:0 25px 80px #0008;display:flex;flex-direction:column;gap:16px}.login-card h1{font-size:28px;margin-top:12px}.login-card p{color:var(--muted);margin:0}.error{color:#ff9dad;font-size:13px;min-height:18px}.hidden{display:none!important}dialog{width:min(720px,calc(100% - 30px));border:1px solid var(--line);border-radius:20px;background:#10172a;color:var(--text);padding:0}dialog::backdrop{background:#03050bcf}.dialog-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}dialog form{padding:22px;display:flex;flex-direction:column;gap:15px}.notice{background:#12233a;border:1px solid #2d4f72;border-radius:12px;padding:12px;color:#bcd6f1;font-size:13px}code{color:var(--cyan)}#toast{position:fixed;right:20px;bottom:20px;background:#18372f;border:1px solid #31795f;color:#a5f3d1;padding:12px 16px;border-radius:12px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:200}#toast.show{opacity:1;transform:none}#toast.bad{background:#351923;border-color:#7a3145;color:#ffb0bd}@media(max-width:1100px){.workspace{grid-template-columns:240px 1fr}.editor-panel{grid-column:1/-1}.summary p{display:none}}@media(max-width:720px){header{padding:0 14px}.header-actions .badge,.header-actions #settingsButton{display:none}main{padding:12px}.summary{gap:16px}.workspace{grid-template-columns:1fr}.editor-panel{grid-column:auto}.grid-2,.grid-3{grid-template-columns:1fr}.list{max-height:360px}.brand small{display:none}}