:root{color-scheme:dark;font-family:Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(231,90,64,.28),transparent 30%),linear-gradient(160deg,#11151c,#182028 48%,#0d1116);color:#f6efe8}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#f6efe8;background:transparent}button,input{font:inherit}.shell{width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:32px 0 48px;display:grid;gap:18px}.viewer-shell{align-content:start}.viewer-brand{margin:0 0 -2px 8px}.panel{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(180deg,#12161ceb,#0a0d12e0),#070a0eb3;box-shadow:0 24px 80px #00000059;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:24px;color:#f6efe8}.hero-title,.section-title{margin:0 0 12px;color:#fff7f0;line-height:1.08;letter-spacing:-.04em}.section-title,.field-label,.status-value,.toggle-title,.video-title{color:#fff3ea}.field-label{font-weight:600}.lede{max-width:58ch;color:#f6efe8bf;line-height:1.55}.eyebrow{display:block;margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:#ff8b6d}.stack{display:grid;gap:14px}.text-input{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:inherit;padding:14px 16px}.text-input::placeholder{color:#f6efe86b}.button-row{display:flex;flex-wrap:wrap;gap:12px}.primary-button,.secondary-button{border-radius:999px;border:none;padding:12px 18px;cursor:pointer;transition:transform .14s ease,opacity .14s ease,background .14s ease}.primary-button{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff8f2}.secondary-button{background:#ffffff1a;color:#f6efe8;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0f}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:1;color:#f6efe86b}.primary-button:disabled{background:linear-gradient(135deg,#f9731680,#ef444480)}.secondary-button:disabled{background:#ffffff12}.primary-button:not(:disabled):hover,.secondary-button:not(:disabled):hover{transform:translateY(-1px)}.status-panel{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.status-panel>div{display:grid;gap:6px}.status-value{font-size:1.8rem;letter-spacing:-.03em}.call-panel{gap:18px}.status-copy{margin:0;color:#f8f2ec;font-size:1.15rem}.toggle-card{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.toggle-copy-block{gap:8px}.toggle-copy-block .eyebrow{margin:0}.support-copy{margin:0;color:#f6efe8b3;line-height:1.5}.toggle-switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;color:#f6efe8;font-weight:700}.toggle-switch input{position:absolute;opacity:0;pointer-events:none}.toggle-track{width:58px;height:34px;display:inline-flex;align-items:center;padding:4px;border-radius:999px;background:#ffffff1a;transition:background .14s ease}.toggle-thumb{width:26px;height:26px;border-radius:50%;background:#fff4ec;box-shadow:0 4px 18px #00000047;transition:transform .14s ease}.toggle-switch.is-active .toggle-track{background:linear-gradient(135deg,#f97316f2,#ef4444f2)}.toggle-switch.is-active .toggle-thumb{transform:translate(24px)}.toggle-switch.is-disabled{opacity:.55;cursor:not-allowed}.toggle-label{min-width:26px}.video-panel{display:grid;gap:12px;padding:12px}.video-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:6px 8px 0}.video-toolbar .eyebrow{margin:0 0 6px}.video-title{display:block;font-size:1.1rem}.remote-video{width:100%;min-height:320px;aspect-ratio:16 / 9;border-radius:18px;background:#06080b;object-fit:cover}.video-panel:fullscreen{display:flex;flex-direction:column;justify-content:stretch;width:100vw;height:100vh;padding:18px;border:none;border-radius:0;background:#020407}.video-panel:fullscreen .remote-video{flex:1;min-height:0;width:100%;height:100%;aspect-ratio:auto;border-radius:20px}.error-panel{color:#ffd5c7;border-color:#ff5a5a66}.agent-shell{min-height:100vh;align-content:center}.agent-panel{max-width:520px}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:16px}.agent-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}@media (max-width: 720px){.shell{width:min(100vw - 20px,1120px);padding:20px 0 28px}.panel{border-radius:18px;padding:18px}.video-toolbar,.toggle-card{flex-direction:column;align-items:flex-start}}