.cb-media-panel{border-top:var(--cb-border-width) solid var(--cb-border);background:var(--cb-raised);color:var(--cb-text);font-size:calc(12px * var(--cb-type-scale));line-height:calc(1.45 * var(--cb-leading-scale))}
.cb-media-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.6);min-height:34px;padding:calc(var(--cb-editor-space) * 0.35) calc(var(--cb-editor-space) * 0.65);cursor:pointer;font-size:calc(12px * var(--cb-type-scale));list-style-position:inside}
.cb-media-panel>summary>span{font-weight:650;white-space:nowrap}.cb-media-panel>summary>span:before{content:'▸';display:inline-block;margin-right:7px;color:var(--cb-text)}.cb-media-panel[open]>summary>span:before{transform:rotate(90deg)}
.cb-media-body{max-height:285px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.cb-media-panel .cb-media-result video{max-height:170px}.cb-media-panel .cb-media-reference video{max-height:110px}
.sd-stage-panel:has(#sd-media-panel .cb-media-panel[open])>.sd-canvas-wrap{min-height:190px}
.cb-media-panel summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted)}.cb-media-body{padding:0 calc(var(--cb-editor-space) * 0.65) calc(var(--cb-editor-space) * 0.55);display:grid;gap:calc(var(--cb-editor-space) * 0.4)}
.cb-media-toolbar,.cb-media-alignment,.cb-media-recording,.cb-media-result>div{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--cb-editor-space) * 0.35)}.cb-media-toolbar select{flex:1;min-width:130px;max-width:100%}
.cb-media-panel button,.cb-media-panel select,.cb-media-panel input,.cb-media-panel a{font:inherit}.cb-media-panel button,.cb-media-panel select,.cb-media-panel input{min-height:28px;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-surface);color:var(--cb-text);padding:3px 7px}.cb-media-panel button{cursor:pointer;white-space:nowrap}.cb-media-panel button:hover:not(:disabled){border-color:var(--cb-border-strong);background:var(--cb-hover)}.cb-media-panel button:disabled,.cb-media-panel select:disabled,.cb-media-panel input:disabled{opacity:.5;cursor:default}
.cb-media-panel :focus-visible{outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:2px}.cb-media-reference{display:flex;align-items:flex-start;gap:calc(var(--cb-editor-space) * 0.5)}.cb-media-reference video{width:180px;max-width:40%;max-height:160px;object-fit:contain;border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-primary)}.cb-media-settings{flex:1;min-width:0}.cb-media-alignment label,.cb-media-recording label{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.2);font-size:calc(11px * var(--cb-type-scale))}.cb-media-alignment input{width:67px;min-width:0}.cb-media-panel p{margin:6px 0 0;font-size:calc(11px * var(--cb-type-scale));color:var(--cb-text)}.cb-media-panel .is-error{color:var(--cb-danger-ink)}.cb-media-panel .cb-media-note{color:var(--cb-muted)}.cb-media-recording{border-top:var(--cb-border-width) solid var(--cb-border);padding-top:calc(var(--cb-editor-space) * 0.4)}.cb-media-recording>span{margin-right:auto;font-size:calc(12px * var(--cb-type-scale))}.cb-media-recording select{width:55px}.cb-media-result>div{justify-content:flex-end}.cb-media-result a{color:var(--cb-text);text-underline-offset:3px}.cb-media-result video{display:block;max-width:100%;max-height:230px;margin:7px auto 0;border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-primary)}.cb-media-panel [hidden]{display:none!important}
.cb-media-record-buttons{display:flex;justify-content:flex-end;gap:calc(var(--cb-editor-space) * 0.35);min-width:150px}.cb-media-panel [data-media-record-status],.cb-media-panel [data-media-sync]{min-height:3em}
.cb-media-panel [data-media-result-name]{margin-right:auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cb-text);font-size:calc(11px * var(--cb-type-scale))}
@media(max-width:640px){.cb-media-reference{flex-direction:column}.cb-media-reference video{width:100%;max-width:100%;max-height:190px}.cb-media-settings{width:100%}.cb-media-recording>span{flex-basis:100%}.cb-media-panel>summary{padding-inline:10px}.cb-media-body{padding-inline:10px}}

.cb-camera-export{padding-top:calc(var(--cb-editor-space) * 0.35);border-top:var(--cb-border-width) solid var(--cb-border)}.cb-camera-export-controls{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.3);flex-wrap:wrap}.cb-camera-export-controls strong{font-size:calc(12px * var(--cb-type-scale));margin-right:auto}.cb-camera-export-controls label{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.15);font-size:calc(11px * var(--cb-type-scale))}.cb-camera-export-controls input{width:48px}.cb-camera-export-controls select{width:auto;max-width:82px}.cb-camera-export progress{display:block;width:100%;height:5px;margin-top:7px;accent-color:var(--cb-primary)}.cb-media-result>img{display:block;max-width:100%;max-height:230px;margin:7px auto 0;border-radius:calc(var(--cb-radius) * 0.41667)}

.cb-camera-export-controls .cb-export-props{white-space:nowrap}.cb-camera-export-controls .cb-export-props input{width:14px;min-height:14px;margin:0}

/* The video tool is an independent panel; changing tabs keeps the media session mounted. */
.cb-media-panel.is-independent{display:flex;flex-direction:column;height:100%;min-height:0;border:0;border-radius:calc(var(--cb-radius) * 0.58333);overflow:hidden}
.cb-media-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.25);min-height:34px;padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.35);border-bottom:var(--cb-border-width) solid var(--cb-border);background:var(--cb-inset);flex:0 0 auto;flex-wrap:wrap}
.cb-media-heading>small{display:none}
.cb-media-tabs{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.1);min-width:0}
.cb-media-tabs button{min-height:26px;padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.3);border:var(--cb-border-width) solid transparent;background:transparent;font-size:calc(11px * var(--cb-type-scale))}
.cb-media-tabs button[aria-selected=true]{background:var(--cb-selected);border-color:var(--cb-border-strong);color:var(--cb-on-selected)}
.cb-media-heading .sd-dock-controls{margin-left:auto}
.cb-media-panel.is-independent .cb-media-body{flex:1;min-height:0;max-height:none;padding:calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.5);display:block;overflow:auto}
.cb-media-panel.is-independent [data-media-pane]{display:grid;gap:calc(var(--cb-editor-space) * 0.4)}
.cb-media-panel.is-independent .cb-media-reference{flex-direction:column}
.cb-media-panel.is-independent .cb-media-reference video{width:100%;max-width:100%;max-height:340px;min-height:80px}
.cb-media-panel.is-independent .cb-media-reference .cb-media-settings{width:100%}
.cb-media-panel.is-independent .cb-camera-export{padding-top:0;border:0}
.cb-media-panel.is-independent .cb-media-recording{margin-top:2px}