:root{--red:#79001a;--red2:#b40018;--navy:#062443;--ink:#101820;--paper:#f1f3f4;--line:#d9dde0;--muted:#66717c;--gold:#f6b719}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.topbar{background:linear-gradient(115deg,var(--red),var(--red2));color:#fff;padding:24px clamp(18px,5vw,72px);display:flex;align-items:end;gap:24px}
.back{color:#fff;text-decoration:none;font-weight:800;margin-right:auto;align-self:center}
.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:900;margin:0 0 5px}
.topbar h1{font-size:30px;line-height:1;margin:0}
.top-actions{display:flex;align-items:center;gap:9px}
.save-state{font-size:12px;color:#ffdce2}
.button{border:1px solid transparent;border-radius:7px;padding:10px 15px;font:inherit;font-weight:850;cursor:pointer}
.button.dark{background:#111;color:#fff}
.button.red{background:var(--red);color:#fff}
.topbar .button.red{background:#fff;color:var(--red)}
.button.outline{background:#fff;border-color:#9ca7af}
.shell{max-width:1180px;margin:0 auto;padding:32px 18px 80px}
.card,.editor-card,.panel{background:#fff;border:1px solid var(--line);border-radius:10px}
.login-panel{max-width:480px;margin:40px auto;padding:28px}
.login-panel h2,.intro h2{font-size:32px;line-height:1.02;margin:8px 0 12px}
.login-panel form{display:grid;gap:14px;margin-top:24px}
.login-panel .button{width:max-content}
.login-panel label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}
.login-panel input{width:100%;border:1px solid #bcc5ca;border-radius:6px;padding:11px;font:inherit;color:var(--ink);background:#fff}
.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:30px}
.intro>p{max-width:450px;color:var(--muted);margin:0 0 6px}
.tabs{display:flex;gap:4px;border-bottom:2px solid var(--ink);margin-bottom:18px;overflow:auto}
.tab{background:none;border:0;padding:13px 15px;color:var(--muted);font:inherit;font-weight:800;cursor:pointer;border-bottom:4px solid transparent;margin-bottom:-2px;white-space:nowrap}
.tab.active{color:var(--red);border-color:var(--red)}
.panel{border:0;background:transparent}
.panel-heading{display:flex;justify-content:space-between;align-items:end;margin:18px 0}
.panel-heading h3{font-size:24px;margin:0}
.session-list,.content-list,.source-list{display:grid;gap:12px}
.editor-card{padding:20px;border-left:5px solid var(--red)}
.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.record-label{color:var(--red);font-size:11px;letter-spacing:.15em;font-weight:900}
.remove{border:0;background:none;color:var(--muted);text-decoration:underline;cursor:pointer}
.field-grid{display:grid;grid-template-columns:180px 1fr 1fr;gap:12px}
.editor-card label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800;margin-top:12px}
.editor-card input,.editor-card textarea,.editor-card select,.json-editor{width:100%;border:1px solid #bcc5ca;border-radius:6px;padding:10px;font:inherit;color:var(--ink);background:#fff}
.editor-card textarea{min-height:68px;resize:vertical}
.json-editor{min-height:220px;font-family:ui-monospace,monospace;font-size:12px;resize:vertical}
.custom-fields{margin-top:15px;border-top:1px solid var(--line);padding-top:11px}
.custom-fields summary{color:var(--navy);font-weight:800;cursor:pointer}
.custom-fields textarea{margin-top:10px;font-family:ui-monospace,monospace;font-size:12px}
.content-record{display:grid;grid-template-columns:1fr 2fr;gap:12px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px}
.content-record input,.content-record textarea{width:100%;border:1px solid #bcc5ca;border-radius:6px;padding:9px;font:inherit}
.content-record textarea{min-height:90px}
.source-card .source-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.source-card a{color:var(--red);font-weight:850}
.status-pill{display:inline-block;border-radius:99px;background:#eef0f2;color:#4b5563;padding:5px 8px;font-size:12px;font-weight:850}
.status-pill.connected{background:#e7f4ec;color:#176b47}
.seat-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.history-item{background:#fff;border:1px solid var(--line);border-radius:8px;padding:15px;display:flex;justify-content:space-between}
.muted{color:var(--muted)}
.error{color:#b40018;min-height:20px}
@media(max-width:760px){.topbar{align-items:start;flex-wrap:wrap}.back{width:100%;margin:0}.top-actions{width:100%;flex-wrap:wrap}.intro{grid-template-columns:1fr;gap:8px}.field-grid,.seat-editor{grid-template-columns:1fr}.content-record{grid-template-columns:1fr}}