:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.4;color:#14263a;background:#eef3f9}*{box-sizing:border-box}body{margin:0;min-width:320px}.app{margin:0 auto;max-width:1200px;padding:24px}.app.app-published-surface{background:#000;margin:0;max-width:none;min-height:100vh;padding:0}.app.app-published-surface>.header{display:none}.app.app-published-surface>.panel{background:#000;border:none;border-radius:0;margin:0;padding:0}.app.app-published-surface>.panel>h2,.app.app-published-surface>.panel>.layout-label{display:none}.app.app-published-surface .preview-grid{margin:0}.app.app-published-surface .video-frame{border-radius:0;height:100vh;min-height:100vh}.app.app-published-surface .viewport-header,.app.app-published-surface .video-derived-indicator{display:none}.app.app-published-surface .video-runtime-chips{left:10px;max-width:calc(100% - 20px);top:10px}.app.app-published-surface .video-runtime-events{left:10px;max-width:calc(100% - 20px);top:38px}.app.app-published-surface .video-runtime-protocol{bottom:62px;top:44px}.header h1{margin:0;font-size:2rem}.header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.header p{margin-top:8px;color:#394f66}.header-actions{display:flex;gap:8px}.panel{background:#fff;border:1px solid #d4dce5;border-radius:10px;margin-top:16px;padding:16px}.layout-label{color:#39516b;font-size:.92rem;margin:4px 0 12px}.actions{display:flex;gap:10px;flex-wrap:wrap}.audio-volume-inline{align-items:center;color:#2a4663;display:inline-flex;font-size:.86rem;gap:8px}.audio-volume-inline input[type=range]{width:140px}.audio-eq-panel{background:#f6f9fc;border:1px solid #d4dce5;border-radius:10px;margin:14px 0;padding:12px}.audio-eq-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.audio-eq-bars{align-items:flex-end;background:#0c1420;border-radius:8px;display:grid;gap:6px;grid-template-columns:repeat(12,minmax(0,1fr));height:120px;padding:10px}.audio-eq-bar{align-self:end;background:#3f6a94;border-radius:6px 6px 2px 2px;min-height:8px;transition:height 90ms linear}.audio-eq-bar.active{background:linear-gradient(180deg,#54cc8a,#2f8a58)}.audio-eq-caption{color:#39516b;font-size:.9rem;margin:8px 0 0}.runtime-command-strip{align-items:center;background:#f3f8fe;border:1px solid #cedceb;border-radius:9px;color:#1f3f5f;display:flex;flex-wrap:wrap;font-size:.9rem;gap:12px;margin-top:12px;padding:10px 12px}.runtime-error-inline{color:#8a1414;font-weight:700}select{background:#fff;border:1px solid #c7d2de;border-radius:8px;color:#1c2f44;font-size:.95rem;min-width:260px;padding:10px 12px}button{background:#0f4c81;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 14px}button:disabled{cursor:not-allowed;opacity:.6}.debug-toggle{background:#1d3d60;border:1px solid #416b95}.report-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:14px}table{border-collapse:collapse;width:100%}th,td{border:1px solid #d4dce5;font-size:.92rem;padding:8px;text-align:left;vertical-align:top}th{background:#f1f5f9}.status{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:700;padding:3px 8px;text-transform:uppercase}.status-pass,.status-ready,.status-ok,.status-completed{background:#d6f5df;color:#065f2d}.status-warn,.status-degraded,.status-busy{background:#fff1c9;color:#7a4a00}.status-info{background:#e8f0ff;color:#1b4f8a}.status-idle{background:#e4edf7;color:#284867}.status-running,.status-capturing{background:#d9ebff;color:#134173}.status-fail,.status-blocked,.status-lost{background:#ffe1e1;color:#8a1414}code{word-break:break-word}.diagnostics{margin-top:14px}.diagnostics pre{background:#0c1420;border-radius:8px;color:#d4efff;font-size:.82rem;max-height:300px;overflow:auto;padding:12px;white-space:pre-wrap}.support-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.support-pre{background:#0c1420;border-radius:8px;color:#d4efff;font-size:.82rem;margin-top:12px;max-height:280px;overflow:auto;padding:12px;white-space:pre-wrap}.support-links ul{margin:0;padding-left:18px}.support-links a{color:#0f4c81;text-decoration:underline;word-break:break-word}.preview-grid{display:grid;gap:16px;grid-template-columns:1.35fr 1fr;margin-top:12px}.preview-grid.runtime-single{grid-template-columns:1fr}.video-frame{background:#090f17;border-radius:10px;min-height:220px;overflow:hidden;position:relative;width:100%}.video-stage{display:block;height:100%;min-height:220px;width:100%}.video-live-pane{background:#090f17;height:100%;min-height:220px;position:relative}.video-live-pane video{display:block;height:100%;object-fit:contain;width:100%}.video-pip-floating{bottom:10px;pointer-events:none;position:absolute;right:10px;top:10px;width:min(28%,240px);z-index:6}.runtime-reference-floating-stack{height:100%;position:relative;pointer-events:none;width:100%}.runtime-reference-floating-grid{display:grid;gap:6px;grid-template-rows:repeat(4,minmax(0,1fr));height:100%}.runtime-reference-floating-item{align-items:stretch;background:transparent;border:none;display:flex;min-height:0;pointer-events:auto}.runtime-reference-floating-media{background:#040d18c7;border:1px solid rgba(150,191,224,.55);border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.runtime-reference-floating-media img{display:block;height:100%;object-fit:contain;width:100%}.runtime-reference-floating-actions{display:flex;gap:4px;position:absolute;right:6px;top:6px;z-index:3}.runtime-reference-floating-action{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#071829bd;border:1px solid rgba(166,202,233,.44);border-radius:999px;color:#e7f6ff;display:inline-flex;height:24px;justify-content:center;padding:0;width:24px}.runtime-reference-floating-action:hover{background:#4a8ac0b8}.runtime-reference-floating-action:disabled{opacity:.45;pointer-events:none}.video-derived-indicator{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07101e8f;border:1px solid rgba(180,204,230,.42);border-radius:999px;color:#d6e8fb;font-size:.72rem;font-weight:700;left:12px;letter-spacing:.02em;padding:4px 9px;position:absolute;top:12px;text-transform:uppercase;z-index:5}.video-derived-indicator.active{background:#624f0aa3;border-color:#f7ce57a6;color:#fff7dd}.video-derived-indicator.original{background:#0638249e;border-color:#5ed6a29e;color:#e9fff7}.video-focus-mask{inset:0;pointer-events:none;position:absolute;z-index:3}.video-runtime-chips{display:flex;flex-wrap:wrap;gap:6px;left:12px;max-width:calc(100% - 24px);position:absolute;top:42px;z-index:6}.video-runtime-events{display:flex;flex-wrap:wrap;gap:6px;left:12px;max-width:calc(100% - 24px);position:absolute;top:70px;z-index:6}.video-runtime-protocol{inset:98px 0 62px;pointer-events:none;position:absolute;z-index:5}.protocol-runtime-shell{display:block;height:100%;max-width:100%;pointer-events:auto;width:100%}.protocol-runtime-status{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071526b8;border:1px solid rgba(166,200,232,.42);border-radius:9px;color:#e6f3ff;display:flex;font-size:.78rem;gap:8px;justify-content:space-between;line-height:1.25;padding:7px 10px}.protocol-runtime-status strong{color:#d8eafd;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.protocol-runtime-status span{color:#d6e8fb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.protocol-runtime-status.ready{border-color:#75dca894}.protocol-runtime-status.loading,.protocol-runtime-status.resolving{border-color:#f0d27e9e}.protocol-runtime-status.degraded,.protocol-runtime-status.error{border-color:#f18f8fad}.protocol-runtime-host{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border:0;border-radius:0;min-height:0;overflow:hidden;pointer-events:auto;height:100%}.protocol-runtime-host>*{display:block;height:100%;width:100%}.video-runtime-onboarding{max-width:min(88%,320px);pointer-events:auto;position:absolute;right:12px;top:56px;z-index:7}.video-runtime-second-opinion{max-width:min(92%,360px);pointer-events:auto;position:absolute;right:12px;top:56px;z-index:9}.runtime-second-opinion-card{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#091322c7;border:1px solid rgba(166,200,232,.42);border-radius:10px;box-shadow:0 12px 30px #06101e57;color:#e6f3ff;display:grid;gap:8px;max-height:min(76vh,520px);overflow:auto;padding:10px}.runtime-second-opinion-header{align-items:center;display:flex;justify-content:space-between}.runtime-second-opinion-header strong{font-size:.9rem}.runtime-second-opinion-close{background:#7084994d;border:1px solid rgba(179,202,229,.4);border-radius:8px;font-size:.74rem;padding:5px 8px}.runtime-second-opinion-meta{display:flex;gap:6px}.runtime-second-opinion-selected{color:#d1e3f7;font-size:.76rem;margin:0}.runtime-second-opinion-invite{background:#08182a70;border:1px solid rgba(131,210,255,.34);border-radius:10px;display:grid;gap:8px;padding:8px}.runtime-second-opinion-session{background:#0d211242;border:1px solid rgba(127,233,164,.22);border-radius:10px;display:grid;gap:8px;padding:8px}.runtime-second-opinion-invite-header{align-items:center;display:flex;justify-content:space-between}.runtime-second-opinion-invite-header strong{font-size:.78rem}.runtime-second-opinion-invite-grid{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.runtime-second-opinion-kv{background:#07122157;border:1px solid rgba(173,199,226,.24);border-radius:8px;display:grid;gap:2px;padding:6px}.runtime-second-opinion-kv span{color:#accae5;font-size:.68rem}.runtime-second-opinion-kv strong{color:#f2fbff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem;word-break:break-all}.runtime-second-opinion-invite-actions,.runtime-second-opinion-actions-row{display:flex;flex-wrap:wrap;gap:6px}.runtime-second-opinion-timeline{display:grid;gap:6px;max-height:168px;overflow:auto}.runtime-second-opinion-timeline-item{background:#07122157;border:1px solid rgba(173,199,226,.2);border-radius:8px;display:grid;gap:2px;padding:6px}.runtime-second-opinion-timeline-header{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.runtime-second-opinion-timeline-header strong{color:#f2fbff;font-size:.72rem}.runtime-second-opinion-timeline-header span,.runtime-second-opinion-timeline-item small{color:#b8d0e7;font-size:.68rem}.runtime-second-opinion-roster{display:grid;gap:6px}.runtime-second-opinion-roster-item{align-items:center;background:#07122157;border:1px solid rgba(173,199,226,.2);border-radius:8px;display:grid;gap:6px;grid-template-columns:1fr auto;padding:6px}.runtime-second-opinion-roster-copy{display:grid;gap:2px}.runtime-second-opinion-roster-copy strong{color:#f2fbff;font-size:.74rem}.runtime-second-opinion-roster-copy small{color:#b8d0e7;font-size:.68rem}.runtime-second-opinion-copy{background:#3978ae57;border:1px solid rgba(129,200,255,.46);border-radius:8px;font-size:.74rem;padding:6px 10px}.runtime-second-opinion-copy:disabled,.runtime-second-opinion-save:disabled,.runtime-second-opinion-add:disabled,.runtime-second-opinion-cancel:disabled{opacity:.56}.runtime-second-opinion-pip-preview-shell{background:#050e19c7;border:1px solid rgba(171,198,226,.24);border-radius:10px;min-height:116px;overflow:hidden}.runtime-second-opinion-pip-preview{display:block;height:100%;max-height:140px;object-fit:contain;width:100%}.runtime-second-opinion-pip-placeholder{align-items:center;color:#b5d0e9;display:flex;font-size:.74rem;justify-content:center;min-height:116px;padding:10px;text-align:center}.runtime-second-opinion-join-form{border-top:1px solid rgba(161,191,220,.18);display:grid;gap:8px;padding-top:8px}.runtime-second-opinion-empty{color:#c3dcf4;font-size:.76rem;margin:0}.runtime-second-opinion-list{display:grid;gap:6px;max-height:180px;overflow:auto}.runtime-second-opinion-item{align-items:stretch;background:#07122170;border:1px solid rgba(173,199,226,.28);border-radius:8px;display:grid;gap:6px;grid-template-columns:1fr auto;padding:6px}.runtime-second-opinion-item.selected{border-color:#7fe9a4bf;box-shadow:inset 0 0 0 1px #7fe9a470}.runtime-second-opinion-item-main{align-items:flex-start;background:transparent;border:none;border-radius:0;color:inherit;display:grid;gap:2px;justify-items:start;padding:0;text-align:left}.runtime-second-opinion-item-main strong{font-size:.78rem}.runtime-second-opinion-item-main small{color:#bdd6ee;font-size:.7rem}.runtime-second-opinion-item-remove{align-items:center;background:#071829bd;border:1px solid rgba(166,202,233,.44);border-radius:999px;color:#e7f6ff;display:inline-flex;height:24px;justify-content:center;padding:0;width:24px}.runtime-second-opinion-add{background:#22734380;border:1px solid rgba(127,233,164,.62);border-radius:8px;font-size:.76rem;justify-self:start;padding:6px 10px}.runtime-second-opinion-form{border-top:1px solid rgba(161,191,220,.26);display:grid;gap:8px;padding-top:8px}.runtime-second-opinion-field{display:grid;gap:4px}.runtime-second-opinion-field span{color:#d1e5fb;font-size:.75rem}.runtime-second-opinion-field input,.runtime-second-opinion-field select{background:#0813228f;border:1px solid rgba(176,201,229,.4);border-radius:8px;color:#ecf5ff;font-size:.82rem;min-width:0;padding:7px 9px;width:100%}.runtime-second-opinion-error{background:#7b141473;border:1px solid rgba(238,131,131,.5);border-radius:8px;color:#ffd8d8;font-size:.76rem;margin:0;padding:7px 8px}.runtime-second-opinion-form-actions{display:flex;gap:6px}.runtime-second-opinion-inline-note{color:#c7def3;font-size:.72rem;margin:0}.runtime-second-opinion-save{background:#22734394;border:1px solid rgba(127,233,164,.75);border-radius:8px;font-size:.76rem;padding:6px 10px}.runtime-second-opinion-cancel{background:#7084994d;border:1px solid rgba(179,202,229,.4);border-radius:8px;font-size:.76rem;padding:6px 10px}.runtime-onboarding-card{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#091322b8;border:1px solid rgba(166,200,232,.42);border-radius:10px;box-shadow:0 12px 30px #06101e57;color:#e6f3ff;padding:10px}.runtime-onboarding-header{align-items:center;display:flex;font-size:.78rem;justify-content:space-between;margin-bottom:8px}.runtime-onboarding-header span{color:#b8d6f2;font-weight:700}.runtime-onboarding-steps{display:grid;gap:8px}.runtime-onboarding-step{align-items:flex-start;border:1px solid rgba(150,179,208,.28);border-radius:8px;display:grid;gap:8px;grid-template-columns:24px 1fr;padding:7px 8px}.runtime-onboarding-step.done{background:#1857385c;border-color:#68d6a280}.runtime-onboarding-step.active{background:#265d9252;border-color:#7ac9ffa6}.runtime-onboarding-mark{color:#c7e5ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.74rem;font-weight:700;margin-top:2px}.runtime-onboarding-copy{display:grid;gap:2px}.runtime-onboarding-copy strong{font-size:.79rem}.runtime-onboarding-copy small{color:#c0d8ef;font-size:.72rem;line-height:1.22}.runtime-onboarding-actions{display:flex;justify-content:flex-end;margin-top:10px}.runtime-onboarding-button{background:#5f81a259;border:1px solid rgba(171,202,230,.48);border-radius:8px;font-size:.74rem;padding:6px 10px}.video-runtime-toast{bottom:14px;display:flex;justify-content:center;left:14px;pointer-events:none;position:absolute;right:70px;z-index:7}.video-runtime-controls{align-items:center;bottom:14px;display:flex;gap:8px;left:14px;position:absolute;z-index:8}.runtime-control-shell{display:inline-flex}.runtime-control-shell.disabled{cursor:not-allowed}.runtime-control-shell.disabled:focus-visible{outline:2px solid rgba(255,218,150,.95);outline-offset:3px}.runtime-icon-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a172775;border:1px solid rgba(170,199,228,.52);border-radius:999px;color:#ecf6ff;display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.runtime-icon-button:hover{background:#3a6fa080}.runtime-icon-button:disabled{pointer-events:none}.runtime-icon-button.active{background:#22734394;border-color:#7fe9a4bf}.runtime-icon-svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:18px}.runtime-chip{align-items:center;display:inline-flex;height:20px;justify-content:center;padding:0;width:20px}.runtime-event-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 16px #06101e47;font-size:.72rem;letter-spacing:.01em;max-width:min(94%,360px);text-transform:none;white-space:normal}.runtime-event-chip.persistent{border-width:2px}.runtime-toast-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 22px #050e1947;max-width:100%;text-transform:none;white-space:normal}.viewport-settings-fab{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#122d4ab8;border:1px solid rgba(178,204,232,.45);border-radius:999px;bottom:14px;color:#f4fbff;font-size:1.05rem;font-weight:700;height:36px;padding:0;position:absolute;right:14px;width:36px;z-index:12}.viewport-settings-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#081322b3;border:1px solid rgba(176,201,229,.42);border-radius:12px;box-shadow:0 16px 36px #060f1b73;color:#ecf5ff;max-height:calc(100% - 24px);overflow-x:hidden;overflow-y:auto;scrollbar-color:rgba(139,196,241,.9) rgba(10,20,36,.45);scrollbar-width:thin;padding:12px;position:absolute;right:12px;top:12px;width:min(360px,calc(100% - 24px));z-index:13}.viewport-settings-panel::-webkit-scrollbar{width:10px}.viewport-settings-panel::-webkit-scrollbar-track{background:#0a142473;border-radius:999px}.viewport-settings-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#95d0fff2,#54a0dbe6);border:2px solid rgba(10,20,36,.65);border-radius:999px}.viewport-settings-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#adddfffa,#63b0ebf2)}.viewport-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.viewport-settings-header h4{font-size:.98rem;margin:0}.viewport-settings-close{background:#9aaec442;border:1px solid rgba(186,208,231,.4);border-radius:8px;font-size:.8rem;padding:6px 8px}.viewport-settings-note{color:#d1e3f7;font-size:.82rem;margin:0 0 10px}.viewport-settings-content,.viewport-settings-accordion-list{display:grid;gap:10px}.viewport-settings-accordion-card{background:#07122175;border:1px solid rgba(173,199,226,.3);border-radius:12px;overflow:hidden}.viewport-settings-accordion-card.expanded{background:#0d1f367a;border-color:#7fceff94}.viewport-settings-accordion-card .viewport-settings-accordion-trigger{background:transparent;border:none;border-radius:0;min-height:48px;padding:10px 12px}.viewport-settings-accordion-panel{border-top:1px solid rgba(161,191,220,.26);display:grid;gap:10px;padding:10px 12px 12px;transform-origin:top center;animation:settingsPanelExpand .14s ease-out}.viewport-settings-accordion-trigger{align-items:center;background:#0913226b;border:1px solid rgba(173,199,226,.28);border-radius:10px;cursor:pointer;display:grid;gap:8px;grid-template-columns:1fr auto auto;min-height:46px;padding:8px 10px;text-align:left;transition:border-color .12s ease,background-color .12s ease}.viewport-settings-accordion-title{display:grid;gap:2px}.viewport-settings-accordion-title strong{color:#d7eafe;font-size:.83rem;font-weight:700}.viewport-settings-accordion-title small{color:#a9c2db;font-size:.72rem}.viewport-settings-accordion-summary{color:#d8ebff;font-size:.76rem;font-weight:600;white-space:nowrap}.viewport-settings-accordion-icon{color:#e8f6ff;font-size:1rem;font-weight:700;line-height:1}.viewport-settings-accordion-trigger:hover{background:#5f84a82e;border-color:#bfd9f46b}.viewport-settings-accordion-trigger.expanded{background:linear-gradient(180deg,#66c2ff47,#307bbe47);border-color:#83d2ffb8;box-shadow:inset 0 -1px #a3e2ffd9}@keyframes settingsPanelExpand{0%{opacity:0;transform:translateY(-3px) scaleY(.985)}to{opacity:1;transform:translateY(0) scaleY(1)}}.viewport-settings-accordion-trigger:focus-visible{outline:2px solid rgba(145,214,255,.88);outline-offset:1px}.viewport-settings-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.viewport-settings-view-toggle{display:flex;gap:6px}.viewport-settings-view-toggle button{background:#7a94ad38;border:1px solid rgba(176,201,229,.35);border-radius:8px;color:#d9ebff;font-size:.75rem;padding:5px 9px}.viewport-settings-view-toggle button.active{background:#4aaeed57;border-color:#7ad1ff9e}.viewport-settings-reset{background:#7084994d;border:1px solid rgba(179,202,229,.4);border-radius:8px;font-size:.8rem;padding:6px 10px}.viewport-settings-group{border:1px solid rgba(175,198,224,.34);border-radius:10px;margin:0;padding:8px}.viewport-settings-block{display:grid;gap:10px}.viewport-settings-group legend{color:#dcedff;font-size:.8rem;font-weight:700;padding:0 6px;text-transform:uppercase}.viewport-settings-field{align-items:center;display:grid;gap:8px;grid-template-columns:88px 1fr 44px;margin-bottom:8px}.viewport-settings-field:last-of-type{margin-bottom:0}.viewport-settings-field span{color:#d1e5fb;font-size:.82rem}.viewport-settings-field input[type=range]{accent-color:#65c5ff;width:100%}.viewport-settings-field input[type=checkbox]{accent-color:#70ceff;justify-self:end}.viewport-settings-field input[type=text],.viewport-settings-field select{background:#0813228f;border:1px solid rgba(176,201,229,.4);border-radius:8px;color:#ecf5ff;min-width:0;padding:8px 10px;width:100%}.viewport-settings-select-field{grid-template-columns:130px 1fr}.viewport-settings-field output{color:#f5fbff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;text-align:right}.viewport-settings-phase-note{color:#c0d8f2;font-size:.78rem;margin:0}.viewport-settings-error{background:#7b141473;border:1px solid rgba(238,131,131,.5);border-radius:8px;color:#ffd8d8;font-size:.8rem;margin:0;padding:8px}.viewport-settings-camera-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.viewport-settings-preset-grid{display:flex;flex-wrap:wrap;gap:6px}.viewport-settings-preset-chip{background:#60aadc3d;border:1px solid rgba(166,214,249,.48);border-radius:999px;color:#eef8ff;font-size:.75rem;padding:5px 10px}.viewport-settings-preset-list{display:grid;gap:8px}.viewport-settings-preset-item{align-items:center;border:1px solid rgba(177,203,228,.33);border-radius:8px;display:flex;gap:8px;justify-content:space-between;padding:8px}.viewport-settings-preset-item span{color:#deefff;font-size:.82rem}.viewport-settings-preset-actions{display:flex;gap:6px}.viewport-settings-assist-meta{display:flex;justify-content:flex-start}.viewport-histogram,.viewport-waveform{align-items:flex-end;background:#050c16b3;border:1px solid rgba(171,198,226,.3);border-radius:8px;display:grid;gap:3px;min-height:82px;padding:8px}.viewport-histogram{grid-template-columns:repeat(32,minmax(0,1fr))}.viewport-waveform{grid-template-columns:repeat(48,minmax(0,1fr));min-height:56px}.viewport-histogram-bar,.viewport-waveform-bar{border-radius:3px 3px 1px 1px}.viewport-histogram-bar{background:linear-gradient(180deg,#9edbff,#4ea7e2)}.viewport-waveform-bar{background:linear-gradient(180deg,#ffe3aa,#e6b15d)}.video-overlay{align-items:center;background:#090f17b8;color:#ecf6ff;display:flex;flex-direction:column;gap:6px;inset:0;justify-content:center;padding:16px;position:absolute;text-align:center;z-index:4}.video-overlay p{margin:0}.video-overlay-action{color:#c4dff8;font-size:.9rem}.viewport-surface{border:1px solid #d0dae7;border-radius:10px;overflow:hidden}.sr-only{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.viewport-header{align-items:center;background:#eef3f8;border-bottom:1px solid #d0dae7;display:flex;justify-content:space-between;padding:10px 12px}.debug-drawer{background:#071221e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:1px solid rgba(167,198,230,.38);bottom:0;overflow:hidden;padding:14px;position:fixed;right:0;top:0;width:min(560px,96vw);z-index:25}.debug-drawer-header{align-items:center;color:#ecf5ff;display:flex;justify-content:space-between;margin-bottom:8px}.debug-drawer .layout-label{color:#d1e6fc;margin-bottom:10px}.debug-drawer-content{height:calc(100vh - 86px);overflow:auto;padding-right:6px}@media(max-width:980px){.header{flex-direction:column}.preview-grid{grid-template-columns:1fr}.video-pip-floating{bottom:8px;right:8px;top:8px;width:min(34%,200px)}.video-runtime-controls{left:10px}.video-runtime-toast{left:10px;right:56px}.video-runtime-onboarding{left:10px;max-width:calc(100% - 20px);right:10px;top:64px}.video-runtime-protocol{inset:96px 0 56px}.app.app-published-surface .video-runtime-protocol{bottom:56px;top:44px}.protocol-runtime-status{align-items:flex-start;flex-direction:column;gap:4px}.protocol-runtime-status span{white-space:normal}.video-runtime-second-opinion{left:10px;max-width:calc(100% - 20px);right:10px;top:64px}.runtime-second-opinion-invite-grid{grid-template-columns:1fr}.viewport-settings-panel{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;max-height:min(72%,420px);right:0;top:auto;width:100%}.viewport-settings-field{grid-template-columns:1fr;margin-bottom:10px}.viewport-settings-accordion-trigger{grid-template-columns:1fr auto}.viewport-settings-accordion-title small{display:none}.viewport-settings-select-field{grid-template-columns:1fr}.viewport-settings-field output{text-align:left}}