:root{color-scheme:light dark;--bg:#0f1419;--panel:#1a222c;--text:#e7eef7;--muted:#8b9bb0;--accent:#3d8bfd;--ok:#34c759;--danger:#ff5c5c;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}main{max-width:960px;margin:0 auto;padding:2rem 1.25rem 4rem}h1{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.panel{background:var(--panel);border:1px solid #2a3544;border-radius:12px;padding:1rem 1.25rem;margin-top:1.25rem}.row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #2a3544}.row:last-child{border-bottom:none}.muted{color:var(--muted)}.muted,button{font-size:.875rem}button{border:1px solid #2f3d52;background:#243041;color:var(--text);border-radius:8px;padding:.45rem .85rem;cursor:pointer}button.primary{background:var(--accent);border-color:#2f6fd6;color:#fff}button.danger{background:#3a2424;border-color:#6b3a3a;color:#ffb4b4}button.outline{background:transparent;border-color:#3d4f63}input{padding:.45rem .65rem;min-width:200px}input,textarea{background:#121922;border:1px solid #2a3544;border-radius:8px;color:var(--text)}textarea{padding:.65rem .75rem;width:100%;min-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.55;box-sizing:border-box;resize:vertical}a{color:#7eb6ff}.admin-header{max-width:960px;margin:0 auto;padding:1.25rem 1.25rem 0;display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:flex-end;justify-content:space-between}.admin-brand{display:flex;flex-direction:column;gap:.15rem}.admin-title{font-weight:600;font-size:1rem}.admin-nav{display:flex;gap:.5rem}.nav-link{color:var(--muted);text-decoration:none;padding:.4rem .75rem;border-radius:8px;border:1px solid transparent;font-size:.875rem}.nav-link.active{color:var(--text);background:var(--panel);border-color:#2a3544}.template-layout{display:grid;grid-template-columns:minmax(180px,240px) 1fr;grid-gap:1rem;gap:1rem;margin-top:1.25rem}@media (max-width:720px){.template-layout{grid-template-columns:1fr}}.template-list{gap:.35rem}.template-list,.template-tab{display:flex;flex-direction:column}.template-tab{align-items:flex-start;gap:.15rem;width:100%;text-align:left;background:transparent}.template-tab.active{background:#243041;border-color:#3d8bfd}.preview-panel{margin-top:1.25rem}.preview-body{white-space:pre-wrap;background:#121922;border:1px solid #2a3544;border-radius:8px;padding:1rem;margin-top:.75rem;font-size:.875rem;line-height:1.55;overflow-x:auto}.success{color:#9ae6b0}.error,.success{margin-top:.75rem;font-size:.9rem}.error{color:#ffb4b4}