:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#eef2f5;--border:#d7dde4;--text:#1b2430;--muted:#637083;--blue:#2764e8;--green:#12805c;--red:#b42318;--yellow:#936900}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:0 24px;display:flex}.brand{color:var(--blue);font-size:17px;font-weight:800}.domain{border:1px solid var(--border);background:var(--surface-2);min-height:32px;color:var(--muted);text-transform:uppercase;border-radius:8px;align-items:center;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.workspace{width:100%;max-width:1160px;margin:0 auto;padding:24px}.flowLayout{gap:14px;display:grid}.pageHeader{grid-template-columns:minmax(0,1fr) minmax(220px,420px);align-items:end;gap:24px;padding:10px 0 6px;display:grid}.pageHeader.compact{grid-template-columns:minmax(0,1fr) auto}.pageHeader p{color:var(--muted);margin:0;line-height:1.6}.eyebrow{color:var(--blue);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800}h1{margin:0;font-size:32px;line-height:1.1}.sectionBand{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:18px}.panelHead{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.panelHead h2{margin:0;font-size:15px}.panelHead span,.metric span,.templateSummary span,.participantLine span{color:var(--muted);font-size:12px}.zoneGrid,.metricsGrid,.linkGrid,.formGrid,.phaseGrid{gap:12px;display:grid}.zoneGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.metricsGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.formGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.linkGrid,.phaseGrid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.zone,.metric{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:14px}.zone{gap:10px;min-height:156px;display:grid}.zone h3{margin:0;font-size:18px}.zone p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.zone strong{color:var(--blue);align-self:end;font-size:13px}.metric{gap:8px;min-width:0;display:grid}.metric strong{overflow-wrap:anywhere;font-size:14px}label{color:var(--muted);text-transform:uppercase;gap:8px;font-size:12px;font-weight:700;display:grid}input,select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:40px;color:var(--text);text-transform:none;border-radius:8px;padding:0 10px}button,.linkGrid a,.textLink{border:1px solid var(--blue);background:var(--blue);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.55}button.secondary,.textLink{border-color:var(--border);background:var(--surface);color:var(--text)}.actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.templateSummary{color:var(--text);gap:6px;margin-top:12px;display:grid}.notice{color:var(--green);margin:12px 0 0;font-size:13px}.notice.error{color:var(--red);overflow-wrap:anywhere}.participantLine{align-items:center;gap:12px;display:flex}.participantLine div:last-child{gap:4px;display:grid}.avatarBadge{width:48px;height:48px;color:var(--blue);background:#dbeafe;border-radius:8px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.optionList{gap:8px;display:grid}.radioRow{border:1px solid var(--border);background:var(--surface-2);min-height:40px;color:var(--text);text-transform:none;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:0 10px}.radioRow input{width:18px;min-height:18px}.broadcastState{border:1px solid var(--border);background:var(--border);border-radius:8px;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.broadcastState div{background:var(--surface);gap:10px;min-height:110px;padding:16px;display:grid}.broadcastState span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.broadcastState strong{overflow-wrap:anywhere;align-self:end;font-size:28px}@media (max-width:980px){.pageHeader,.pageHeader.compact,.zoneGrid,.metricsGrid,.formGrid,.linkGrid,.phaseGrid,.broadcastState{grid-template-columns:1fr}}@media (max-width:640px){.topbar{flex-direction:column;align-items:stretch;padding:14px 16px}.domain,.textLink{justify-content:center}.workspace{padding:16px 14px 28px}h1{font-size:26px}}