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