:root{--bg:#07131d;--nav:#061019;--panel:#0d1c28;--panel2:#112330;--line:#23404b;--text:#f3f7f7;--muted:#91aab2;--cyan:#24cbd2;--green:#51d7ac;--amber:#f4be70;--red:#f17d82}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg);font:15px/1.5 Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--cyan)}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.side{background:var(--nav);border-right:1px solid var(--line);padding:24px 14px;position:static;min-height:100vh;overflow:visible}.brand{padding:0 12px 25px;border-bottom:1px solid var(--line);font-weight:800;letter-spacing:.08em;font-size:19px}.brand b{color:var(--cyan);font-size:28px;letter-spacing:-.25em;padding-right:17px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.2em;margin-top:4px}.nav{margin-top:20px}.nav button{display:block;width:100%;text-align:left;background:transparent;color:#b1c8ce;border:0;padding:11px 14px;border-radius:10px;margin:2px 0}.nav button:hover,.nav button.active{background:#102e39;color:#fff}.nav button.active{box-shadow:inset 3px 0 var(--cyan)}.sidefooter{margin:24px 10px;color:var(--muted);font-size:12px}.main{padding:28px clamp(18px,3vw,44px);max-width:1600px;width:100%;margin:0 auto}.top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;color:var(--muted);font-size:12px;letter-spacing:.1em}.top .right{display:flex;align-items:center;gap:14px;letter-spacing:0}.top button{background:none;border:0;color:var(--muted)}h1{font-size:clamp(26px,3vw,38px);line-height:1.1;margin:0 0 8px;letter-spacing:-.03em}h2{font-size:17px;margin:0 0 15px}h3{font-size:14px;margin:0 0 12px}.subtitle{margin:0 0 26px;color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;color:var(--cyan);letter-spacing:.23em;text-transform:uppercase;margin-bottom:7px}.heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px;flex-wrap:wrap}.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;min-width:0}.panel.mutedpanel{background:#0a1923}.number{font-size:29px;font-weight:800;line-height:1.1;margin:5px 0}.muted,.hint{color:var(--muted)}.hint{font-size:12px}.pill{display:inline-block;border-radius:99px;background:#17323a;border:1px solid #315663;padding:4px 9px;font-size:11px;color:#bce6e8}.pill.green{color:var(--green);border-color:#226b56;background:#123a32}.pill.amber{color:var(--amber);border-color:#715632;background:#3a2f20}.pill.red{color:var(--red);border-color:#75434b;background:#3e2529}.pill.gray{color:#aebfc5;background:#21303b}.btn{border:0;background:var(--cyan);color:#05202a;font-weight:800;padding:10px 15px;border-radius:9px}.btn.secondary{background:#17313d;color:#d6eced;border:1px solid #2b5965}.btn.danger{background:#553039;color:#ffd8dc}.btn:disabled{opacity:.45;cursor:not-allowed}.actions{display:flex;gap:8px;flex-wrap:wrap}.list{display:grid;gap:9px}.item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;background:#0a1923;border:1px solid #203c47;border-radius:10px}.item button{background:none;border:0;color:var(--text);text-align:left;font-weight:700}.item small{display:block;color:var(--muted);font-weight:400}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th{text-align:left;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}th,td{padding:12px;border-bottom:1px solid var(--line)}td{font-size:13px}tr:last-child td{border:0}.cardlink{border:0;background:none;color:var(--text);font-weight:700;padding:0;text-align:left}.cardlink:hover{text-decoration:underline}.workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workflow button{text-align:left;background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:12px;color:var(--text)}.workflow button:hover{border-color:var(--cyan)}.workflow strong{display:block;margin-bottom:7px}.workflow small{color:var(--muted)}.workflow .count{float:right;color:var(--cyan);font-size:20px;font-weight:800}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tabs button{border:1px solid var(--line);background:#10232f;color:var(--muted);padding:8px 12px;border-radius:8px}.tabs button.active{color:var(--text);border-color:var(--cyan)}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:block;color:var(--muted);font-size:12px}.field input,.field textarea,.field select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #355462;border-radius:8px;background:#071722;color:var(--text)}.field textarea{min-height:90px;resize:vertical}.field.wide{grid-column:1/-1}.checks{display:flex;flex-wrap:wrap;gap:13px;margin:14px 0}.checks label{color:var(--text)}.checks input{accent-color:var(--cyan)}.notice{background:#183139;border:1px solid #37616b;color:#d5f0ef;padding:13px;border-radius:9px;margin:14px 0}.notice.warn{background:#3a2f20;border-color:#715632;color:#ffe6be}.notice.error{background:#3e2529;border-color:#75434b;color:#ffd7dd}.detailhead{display:flex;align-items:start;justify-content:space-between;gap:16px;flex-wrap:wrap}.kv{display:grid;grid-template-columns:160px 1fr;gap:8px;margin:7px 0}.kv strong{font-weight:600}.record{border-top:1px solid var(--line);padding:11px 0}.record:first-child{border:0}.record small{display:block;color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .panel{width:min(420px,100%)}.login h1{font-size:25px}.login .field{margin:15px 0}.empty{color:var(--muted);padding:16px;text-align:center;border:1px dashed var(--line);border-radius:9px}.flash{position:fixed;right:20px;bottom:20px;background:#183139;border:1px solid var(--cyan);padding:13px 18px;border-radius:10px;max-width:400px;z-index:5}.flash.bad{background:#3e2529;border-color:var(--red)}.hide{display:none!important}@media(max-width:1000px){.g4,.workflow{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.shell{display:block}.side{position:static;height:auto;min-height:0;padding:15px}.brand{padding-bottom:12px}.nav{display:flex;overflow:auto;margin-top:10px}.nav button{white-space:nowrap;width:auto}.sidefooter{display:none}.main{padding:20px 15px}.g2,.g4,.workflow,.formgrid{grid-template-columns:1fr}.heading{align-items:start}.kv{grid-template-columns:1fr}.top{margin-bottom:17px}}

.mt16{margin-top:16px}.asset-preview{display:block;width:min(100%,560px);max-height:65vh;margin:12px 0;border-radius:8px;background:#000}
.brandhome{display:flex;align-items:center;justify-content:flex-start;width:100%;background:none;border:0;color:var(--text);text-align:left;cursor:pointer}.brandhome:hover .brand-avatar{border-color:var(--cyan)}.brand-avatar{display:block;width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 50%;border:1px solid #315663;box-shadow:0 0 0 2px rgba(36,203,210,.08)}.navlabel{padding:0 14px 7px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.navmore{margin:18px 0 0;border-top:1px solid var(--line);padding-top:12px}.navmore summary{cursor:pointer;color:var(--muted);padding:8px 14px}.navsecondary{margin-top:3px}.workspacegrid{margin:16px 0 24px}.workspacegrid .field{margin:12px 0}.workspacegrid .item{min-width:0}.workspacegrid .item button{min-width:0;overflow-wrap:anywhere}.workspace-analytics{margin-top:24px}.workspace-analytics h2{margin-bottom:10px}@media(max-width:720px){.brand-avatar{width:42px;height:42px}.navlabel{display:none}.navmore{margin-top:8px;padding-top:8px}.navmore .nav{display:grid;overflow:visible}.navmore .nav button{white-space:normal;width:100%}}
.nextpanel{margin:14px 0}.nextlist{display:grid;gap:8px}.nextaction{width:100%;text-align:left;background:#10232f;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:11px 12px}.nextaction:hover{border-color:var(--cyan)}.progressline{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.progressline span{border:1px solid var(--line);background:#0a1923;border-radius:99px;padding:4px 9px;color:var(--muted);font-size:12px}
.hint,.notice{overflow-wrap:anywhere}
@media(max-width:720px){.side>nav.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;overflow:visible}.side>nav.nav button{width:100%;white-space:normal;margin:0;padding:10px 9px}}
.workspacegrid .item{flex-wrap:wrap}.workspacegrid .item .result-link{border:1px solid var(--line);border-radius:7px;padding:5px 8px;color:var(--cyan);white-space:nowrap}

#tab-elevenlabs audio{display:block;max-width:100%;margin:12px 0}#tab-elevenlabs .record{overflow-wrap:anywhere}

.eleven-controls{display:grid;gap:20px;margin-top:20px}.eleven-controls form{min-width:0}.eleven-controls .btn{justify-self:start;max-width:100%;white-space:normal}.eleven-controls .field,.eleven-controls select{min-width:0}.eleven-controls #eleven-voice,.eleven-controls #eleven-disconnect{border-top:1px solid var(--line);padding-top:20px}@media(max-width:1100px){.eleven-settings{grid-template-columns:1fr}}

/* Shared form rhythm; existing flex/grid action gaps remain authoritative. */
:where(form:not(.grid,.formgrid)){display:grid;gap:12px;align-content:start}
:where(form:not(.grid,.formgrid))>.btn{justify-self:start}
:where(form)>.field,:where(form)>.checks{margin-block:0}
.login form>.field,.workspacegrid form>.field{margin-block:0}
:where(:not(form,.grid,.formgrid,.actions,.eleven-controls))>.field+.field{margin-block-start:12px}
:where(.panel,.record,.main,.tab)>:where(form,.field,.btn,.checks)+:where(form,.field,.btn,.checks){margin-block-start:12px}
:where(.panel,.record,.main,.tab)>form+form{margin-block-start:20px}
:where(.panel,.record,.main,.tab)>.btn+.btn{margin-inline-start:8px;max-width:calc(100% - 8px)}
:where(.main,.login) .btn{max-width:100%;white-space:normal}
:where(.record)>small+form{margin-block-start:12px}