/* Screen 08 shares the Proof editor; existing settings remain the editing source. */
#editor.proof-appearance #deepcut-upper{grid-template-columns:minmax(0,1fr) 478px!important}
#editor.proof-appearance #deepcut-inspector{padding:0;display:flex;flex-direction:column;overflow-y:auto}
#editor.proof-appearance #deepcut-inspector>.deepcut-tabs,#editor.proof-appearance #proof-more-editing{display:none!important}
#proof-appearance-tabs{display:flex;flex:none;border-bottom:1px solid var(--proof-border);padding:0 26px;gap:30px}
#proof-appearance-tabs button{height:60px;border:0;border-bottom:3px solid transparent;background:none;color:var(--proof-text-muted);font:16px var(--proof-font-family);padding:0}
#proof-appearance-tabs button[aria-selected=true]{color:var(--proof-primary-text);border-bottom-color:var(--proof-primary)}
#editor.proof-appearance #editor-settings-host{padding:22px 28px;overflow:visible;background:none;border:0;box-shadow:none;flex:none}
#editor.proof-appearance #settings-fields{padding:0;margin:0;border:0}
#editor.proof-appearance .setting-section{padding:0;border:0;margin:0;background:none}
#editor.proof-appearance .setting-section>h3,#editor.proof-appearance .setting-summary,#editor.proof-appearance #pauses-toggle,#editor.proof-appearance #editor-settings-host>.style-sample{display:none}
#editor.proof-appearance .setting-content{display:block!important;padding:0;margin:0}
#editor.proof-appearance #pauses-content{padding-top:16px}
#editor.proof-appearance .setting-content label{font:14px/1.5 var(--proof-font-family);color:var(--proof-text);margin:12px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}
#editor.proof-appearance .setting-content :is(input,select,textarea){background:var(--proof-surface);color:var(--proof-text);border:1px solid var(--proof-border);border-radius:8px;font:14px/1.4 var(--proof-font-family);min-height:38px;padding:8px 12px;max-width:64%}
#editor.proof-appearance .setting-content select{width:64%}
#editor.proof-appearance .setting-content input[type=checkbox]{appearance:none;width:54px;height:30px;min-height:30px;border-radius:20px;background:var(--proof-control-border);padding:3px;flex:none;cursor:pointer}
#editor.proof-appearance .setting-content input[type=checkbox]::before{content:"";display:block;width:22px;height:22px;background:white;border-radius:50%;transition:transform 120ms}
#editor.proof-appearance .setting-content input[type=checkbox]:checked{background:var(--proof-primary);border-color:var(--proof-primary)}
#editor.proof-appearance .setting-content input[type=checkbox]:checked::before{transform:translateX(23px)}
#editor.proof-appearance #caption-size[type=number]{width:124px;margin-right:calc(64% - 124px)}
#editor.proof-appearance #caption-size-value{display:none}
/* Tamanho as a slider: same column as the selects, with its value under the label like Posição. */
#editor.proof-appearance .setting-content label:has(>#caption-size[type=range]){display:grid;grid-template-columns:minmax(0,1fr) 64%;align-items:center;gap:0 20px}
#editor.proof-appearance label>#caption-size[type=range]{grid-column:2;grid-row:1 / 3;width:100%;max-width:none;min-height:40px;padding:0;border:0;background:transparent;margin:0;accent-color:var(--proof-primary)}
#editor.proof-appearance label:has(>#caption-size[type=range])>#caption-size-value{display:block;grid-column:1;grid-row:2;font-size:12px;line-height:1.4;color:var(--proof-text-muted);font-variant-numeric:tabular-nums}
.proof-caption-heading{position:relative;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--proof-border)}
.proof-caption-heading h2{font-size:18px;font-weight:600;margin:0 0 4px}.proof-caption-heading p{font-size:14px;color:var(--proof-text-muted);margin:0}
#editor.proof-appearance .proof-caption-heading label{position:absolute;right:0;top:0;margin:0;font-size:0}
#proof-caption-position{margin:20px 0 28px}
#editor.proof-appearance #proof-caption-position>label{display:grid;grid-template-columns:minmax(0,1fr) 64%;gap:4px 20px;margin:0}
#proof-caption-position label>span{grid-column:1;grid-row:1}
#editor.proof-appearance #proof-caption-position input{grid-column:2;grid-row:1 / 3;width:100%;max-width:none;min-height:40px;padding:0;border:0;background:transparent;margin:0;accent-color:var(--proof-primary)}
#proof-caption-position output{grid-column:1;grid-row:2;font-size:12px;color:var(--proof-text-muted)}
#proof-caption-position small{display:none}
#editor.proof-appearance #captions-content>details{border-top:1px solid var(--proof-border);padding:16px 0;font-size:14px}
#editor.proof-appearance details>summary{cursor:pointer}#editor.proof-appearance details .help{font:12px/1.5 var(--proof-font-family);color:var(--proof-text-muted)}
#editor.proof-appearance #caption-presets{display:none}#editor.proof-appearance #deepcut-settings-help{margin-top:20px}
#editor.proof-appearance #player-shell{width:min(100%,calc((100vh - 408px) * var(--proof-video-ratio)))}
#editor.proof-editor #proof-filmstrip{height:52px;margin-top:6px}#proof-filmstrip-lane{height:52px;position:relative;display:flex;overflow:hidden;background:var(--proof-surface-subtle)}
#proof-filmstrip-lane p{font-size:12px;margin:12px}#proof-filmstrip-lane button{font-size:12px;margin:6px;background:var(--proof-surface);color:var(--proof-primary-text);border:1px solid var(--proof-border);border-radius:8px}
.proof-frame{height:52px;overflow:hidden;flex:none;border-right:1px solid var(--proof-background)}
#editor.proof-editor .timeline-track{grid-template-columns:116px minmax(0,1fr)}
#editor.proof-editor .timeline-track:has(.timeline-wave){display:none}
@media(max-width:1450px){#editor.proof-appearance #deepcut-upper{grid-template-columns:minmax(0,1fr) 430px!important}#proof-appearance-tabs{gap:26px;padding-inline:22px}#editor.proof-appearance #editor-settings-host{padding:22px}}
@media(prefers-reduced-motion:reduce){#editor.proof-appearance .setting-content input[type=checkbox]::before{transition:none}}

#editor.proof-appearance #proof-appearance-selection{margin-top:24px;border-top:1px solid var(--proof-border);padding-top:16px;font-size:14px}
#editor.proof-appearance #proof-appearance-selection #deepcut-selection{margin-top:16px}
#editor.proof-appearance #preview-panel{padding-bottom:4px}
#editor.proof-appearance #simulation-status{position:absolute;left:12px;bottom:4px;max-width:180px;font-size:12px;text-align:left}
#editor.proof-appearance #player-shell{width:min(100%,calc((100vh - 438px) * var(--proof-video-ratio)));flex:none;height:calc(100% - 4px)}
#editor.proof-appearance #deepcut-inspector{scrollbar-width:thin;scrollbar-color:var(--proof-control-border) transparent}

#editor.proof-appearance #proof-caption-main>label{margin:10px 0}
#editor.proof-appearance #proof-caption-main>label:has(#caption-color){justify-content:flex-start;gap:10px}
#editor.proof-appearance .setting-content input[type=color]{width:38px;height:38px;min-height:38px;padding:4px;flex:none;cursor:pointer}
#editor.proof-appearance #caption-color{margin-left:auto}
#editor.proof-appearance #caption-color-value{font:14px var(--proof-font-family);color:var(--proof-text-muted);margin-right:calc(64% - 124px);width:76px}
#editor.proof-appearance .proof-caption-heading{margin-bottom:14px}
#editor.proof-appearance #proof-caption-position{margin:14px 0 24px}

/* Independent review: switches sit at the row's right edge like every other switch, clear custom state and native disclosures. */
#editor.proof-appearance #proof-caption-main>label:has(:is(#caption-outline-enabled,#caption-shadow-enabled)){display:flex;justify-content:space-between;gap:20px}
#editor.proof-appearance :is(#caption-outline-enabled,#caption-shadow-enabled){margin:0}
#editor.proof-appearance :is(#proof-caption-highlights,#proof-caption-extras)>summary{display:flex;align-items:center;gap:16px;list-style:none}
#editor.proof-appearance :is(#proof-caption-highlights,#proof-caption-extras)>summary::-webkit-details-marker{display:none}
#editor.proof-appearance :is(#proof-caption-highlights,#proof-caption-extras)>summary>span{flex:1}
#editor.proof-appearance :is(#proof-caption-highlights,#proof-caption-extras)[open]>summary>svg:last-child{transform:rotate(180deg)}
#editor.proof-editor .timeline-speech:is(.is-selected,.in-time-selection){background:var(--proof-primary);color:var(--proof-text-on-action);box-shadow:none}

@media(max-width:1450px){
 #editor.proof-appearance .proof-caption-heading{padding-bottom:12px;margin-bottom:10px}
 #editor.proof-appearance #proof-caption-main>label{margin:7px 0}
 #editor.proof-appearance #proof-caption-position{margin:10px 0 16px}
 #editor.proof-appearance #captions-content>details{padding:12px 0}
}