*{box-sizing:border-box}body{color:#e2e8f0;background:#0f172a;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.layout{grid-template-columns:240px 1fr 520px;height:100vh;display:grid}.sidebar{background:#0b1220;border-right:1px solid #1e293b;padding:16px 8px;overflow-y:auto}.sidebar h1{color:#38bdf8;margin:4px 0 16px;padding:0 12px;font-size:16px}.nav-item{cursor:pointer;color:#cbd5e1;border-radius:6px;margin:2px 0;padding:10px 14px;font-size:14px;display:block}.nav-item:hover{background:#1e293b}.nav-item.active{color:#fff;background:#1877f2}.main{padding:20px 24px;overflow-y:auto}.main h2{color:#38bdf8;margin-top:0}.preview{background:#000;border-left:1px solid #1e293b;position:relative}.preview iframe{background:#fff;border:0;width:100%;height:100%}.preview-bar{z-index:10;gap:6px;display:flex;position:absolute;top:8px;right:8px}.preview-bar button{padding:6px 10px;font-size:11px}.field{margin-bottom:14px}.field label{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:5px;font-size:12px;display:block}.field input,.field textarea,.field select{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:6px;width:100%;padding:9px 11px;font-family:inherit;font-size:13px}.field input:focus,.field textarea:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 3px #38bdf826}.field textarea{resize:vertical;min-height:80px}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.row-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.btn{cursor:pointer;color:#fff;background:#1877f2;border:none;border-radius:6px;padding:9px 16px;font-size:13px;font-weight:600}.btn:hover{background:#2563eb}.btn.secondary{color:#e2e8f0;background:#334155}.btn.danger{background:#dc2626}.btn.small{padding:5px 9px;font-size:11px}.btn-group{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.card{background:#0b1220;border:1px solid #1e293b;border-radius:8px;margin-bottom:12px;padding:14px;position:relative}.card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-head strong{color:#38bdf8;font-size:13px}.thumb{object-fit:cover;background:#1e293b;border-radius:6px;width:60px;height:60px}.toast{z-index:999;color:#fff;background:#16a34a;border-radius:6px;padding:12px 18px;font-size:13px;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 20px #0006}.toast.err{background:#dc2626}.badge{color:#cbd5e1;background:#334155;border-radius:10px;margin-left:6px;padding:2px 7px;font-size:10px}.hint{color:#64748b;margin-top:4px;font-size:11px}