:root{--bg:#0f172a;--panel:#111827;--card:#fff;--muted:#64748b;--line:#e2e8f0;--accent:#d4af37;--accent2:#7c3aed;--text:#0f172a}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f7fb;color:var(--text)}a{color:inherit}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0f172a,#111827);color:#fff;padding:28px}.brand{font-size:24px;font-weight:800;letter-spacing:-.03em;margin-bottom:30px}.nav a{display:block;padding:12px 14px;border-radius:14px;text-decoration:none;color:#dbeafe;margin:6px 0}.nav a:hover,.nav a.active{background:rgba(255,255,255,.1)}.main{padding:30px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 18px 40px rgba(15,23,42,.06);margin-bottom:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.btn{border:0;background:#111827;color:#fff;border-radius:14px;padding:12px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.btn.gold{background:var(--accent);color:#111}.btn.light{background:#eef2ff;color:#111827}.input,textarea,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;background:#fff}textarea{min-height:180px}.label{font-weight:700;margin:0 0 8px;display:block}.muted{color:var(--muted)}.preview{width:100%;height:680px;border:1px solid var(--line);border-radius:20px;background:#fff}.tabs{display:flex;gap:8px;margin-bottom:12px}.pill{background:#eef2ff;border-radius:999px;padding:7px 12px;font-size:13px}.code{background:#0b1020;color:#dbeafe;border-radius:18px;padding:16px;overflow:auto;max-height:450px;white-space:pre-wrap}.auth{max-width:460px;margin:8vh auto}.notice{padding:12px 14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;margin-bottom:14px}.success{background:#ecfdf5;border-color:#bbf7d0}.danger{background:#fef2f2;border-color:#fecaca}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:relative}.grid,.grid3{grid-template-columns:1fr}.main{padding:18px}}