/* Self Type Pro 0.5: quiet controls, large camera, focused finishing. */
:root{color-scheme:dark}button,input,select{min-height:44px}button{border-radius:10px}input,select,textarea{max-width:100%;box-sizing:border-box}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #dfc58c;outline-offset:3px}.finish-options{border:1px solid #45473f;border-radius:16px;padding:20px;margin:20px 0;background:#191d19}.finish-options legend{color:#dfc58c;padding:0 10px;font-size:14px;letter-spacing:.06em}.finish-options .field{gap:8px}.finish-options input,.finish-options select{width:100%;margin-top:8px}#finalPreview{width:100%;height:auto;object-fit:contain;background:#080a08}#exportResult{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}#exportResult video,#exportResult p{flex-basis:100%}#finalOptions:disabled{opacity:.65}#trimEditor{border-color:#b8a374}#trimEditor input[type=range]{accent-color:#dfc58c;cursor:ew-resize}.clip{border-radius:14px;margin-bottom:12px}.take .row{gap:8px}.note{line-height:1.55}#studioTools{gap:8px}#studio .controls{gap:8px}#studio .controls button{box-shadow:0 2px 16px #0003}#settingsDialog{border-radius:20px}#listenStatus{padding:12px;border-left:2px solid #dfc58c;background:#242820}
@media(orientation:landscape) and (max-height:600px){body.studio-view #stage{height:calc(100svh - 46px)}#studioTools button{min-height:38px;font-size:12px;padding:8px 12px}#studio .controls button{min-height:42px;font-size:13px;padding:9px 16px}#captureBadge{font-size:10px;opacity:.8}#settingsDialog{max-height:94svh}#studio .studio-rail{max-width:600px;margin:auto}#studio .controls{bottom:24px}#studio #status{font-size:10px}}
@media(max-width:600px){.finish-options{padding:14px}.finish-options .duo{grid-template-columns:1fr}#exportResult button{flex:1 1 100%}.take .row button{font-size:12px;padding:8px}#edit .panel{padding:16px}#trimEditor .row{gap:6px}}
.layout{align-items:start}#edit .layout{grid-template-columns:minmax(0,3fr) minmax(230px,1fr)}#edit .panel .panel{margin-bottom:0}#edit .note{font-size:12px}#edit #exportResult .montage-video{max-height:60svh}#trimEditor .montage-video{max-height:55svh}@media(max-width:700px){#edit .layout{grid-template-columns:1fr}}