html{font-size:calc(16px * var(--app-text-scale,1.1))}
/* Typography follows the interface preference; canvas/video composition is untouched. */
.studio-suite :is(button,select,input,textarea){line-height:1.35}
.suite-panel-title,.suite-preview-top,.suite-preview-info{height:auto;min-height:30px;padding-top:5px;padding-bottom:5px}
.suite-nav button{white-space:normal}.suite-statusbar{height:auto;min-height:26px}
#suite-tools-dialog{width:min(1040px,96vw);max-height:90dvh;overflow:auto;scroll-padding-top:150px;background:#0a1723}
#suite-tools-dialog>.suite-dialog-heading{padding:20px 24px;z-index:3;background:#101f2d}
#suite-tools-dialog .suite-dialog-heading h2{font-size:1.35rem}#suite-tools-dialog .suite-dialog-heading button{width:36px;height:36px}
.settings-nav{display:flex;gap:6px;padding:12px 20px;position:sticky;top:91px;z-index:2;background:#0c1b28;border-bottom:1px solid #294456;overflow-x:auto}
.settings-nav button{flex:0 0 auto;font-size:.75rem;padding:8px 12px;min-height:36px;white-space:nowrap;background:transparent;border:1px solid transparent;color:#a4bccd}
.settings-nav button:hover{background:#142e42}.settings-nav button[aria-current]{background:#123b55;border-color:#2b8ab8;color:#9cdeff}
.studio-suite #suite-tools-dialog #cameras{padding:20px;display:grid;gap:18px}
.settings-section{border:1px solid #284254;border-radius:8px;background:#101f2c;padding:20px;min-width:0;scroll-margin-top:165px}
.settings-section-heading{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #294050}.settings-section-heading h3{margin:0;color:#e0edf6;font-size:1rem;font-weight:650}
.studio-suite #cameras .settings-section p{font-size:.8125rem;line-height:1.6;color:#9eb5c6;margin:6px 0 12px}
.studio-suite #cameras .settings-section label{font-size:.8125rem;color:#d3e3ee}.studio-suite #cameras .settings-section small{font-size:.75rem;line-height:1.5;color:#8faabd}
.settings-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,280px);align-items:center;gap:24px}.settings-field label{font-weight:600}.settings-field p{margin-bottom:0!important}
.settings-type-sample{display:grid;gap:5px;background:#0a1722;border:1px solid #263f51;border-radius:6px;padding:16px;margin-top:18px}.settings-type-sample strong{font-size:1rem}.settings-type-sample span{font-size:.8125rem;color:#a4bfd1}
.settings-note{font-size:.75rem!important;color:#829eb2!important;margin-top:12px!important}
#cameras .settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;margin:12px 0}
#cameras .settings-fields label{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
#cameras .settings-fields label:has(select),#cameras .settings-fields label:has(input[type=number]){display:grid;grid-template-columns:1fr}
#cameras .settings-fields :is(select,input[type=text],input[type=number]){width:100%!important;min-width:0;min-height:38px}
#cameras .settings-fields input[type=range]{flex:1;min-width:80px}
#suite-tools-dialog button{min-height:36px}.settings-fields button{width:100%;white-space:normal}
#cameras .settings-toggle-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1.2fr);gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #22394a;margin:0}
#cameras .settings-toggle-row:last-child{border-bottom:0;padding-bottom:0}#cameras .settings-toggle-row label{gap:10px;font-weight:550}
#cameras input[type=checkbox]{width:16px;height:16px;flex:0 0 16px;accent-color:#31b9f3}
#settings-review .camera-row{margin-top:14px;gap:10px;flex-wrap:wrap}#settings-review input[type=number]{min-height:36px}
#suite-tools-dialog #settings-playback footer{border:0;padding:0;margin:0;font-size:.8125rem;line-height:1.6;color:#9eb5c6}#settings-playback select{margin:0 8px 12px;min-height:38px}
@media(max-width:700px){#suite-tools-dialog>.suite-dialog-heading{padding:14px 16px}.settings-nav{top:79px;padding:10px 12px}.studio-suite #suite-tools-dialog #cameras{padding:12px;gap:12px}.settings-section{padding:16px;scroll-margin-top:150px}.settings-field,#cameras .settings-fields,#cameras .settings-toggle-row{grid-template-columns:minmax(0,1fr);gap:10px}.settings-field select{width:100%}.settings-toggle-row small{padding-left:26px}.suite-statusbar{flex-wrap:wrap}}

/* Keep navigation available at every text size without fixed header offsets. */
#suite-tools-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:min(900px,90dvh);overflow:hidden}
#suite-tools-dialog>.suite-dialog-heading,#suite-tools-dialog>.settings-nav{position:static}
#suite-tools-content{overflow:auto;min-height:0;overscroll-behavior:contain;scroll-padding:20px}
#suite-tools-content .settings-section{scroll-margin-top:0}

.slow-motion-setting{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;color:#c6dfed}.slow-motion-setting input{flex:1;min-width:100px;accent-color:#35bcff}.slow-motion-setting output{min-width:45px;font-variant-numeric:tabular-nums}

.movement-setting{display:flex;align-items:center;gap:10px;color:#d5eafa;font-size:.8125rem;font-weight:600}.movement-setting input{width:16px;height:16px;accent-color:#35bcff}.movement-help{margin:8px 0 18px;font-size:.75rem;color:#90acbf}