/* XTEND Layout Studio: mobile first, isolated from document/recording overlays. */
[data-tool-panel="presentation"] .xtp-form{display:grid!important;gap:12px!important}
#studio-panel .xt23-section{border:1px solid #365474;border-radius:14px;padding:12px;background:#182d48;display:grid;gap:10px}
#studio-panel .xt23-section h3{color:#a9ccff;font-size:15px;line-height:1.3;margin:0 0 3px}
#studio-panel .xt23-section>label{font-size:14px;display:grid;gap:6px;color:#d9e9ff}
#studio-panel .xt23-section>label[hidden]{display:none!important}
#studio-panel .xt23-section select,#studio-panel .xt23-section input[type=url]{width:100%;max-width:100%;min-height:42px;border:1px solid #547399;border-radius:10px;background:#243e60;color:#fff;padding:7px 9px;font-size:14px;box-sizing:border-box}
#studio-panel .xt23-section input[type=checkbox]{width:21px;height:21px;accent-color:#438cff}
#studio-panel .xt23-section .xt2-present-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
#studio-panel .xt23-section .xt2-present-row select{width:auto;max-width:50%;min-width:110px}
#studio-panel .xt23-layout-summary{margin:0;font-size:12px;color:#b5d0ef;line-height:1.5}
#studio-panel .xt23-primary,#studio-panel #studio-present-launch{border:0!important;border-radius:12px;background:#2459c5!important;color:#fff!important;min-height:46px;padding:10px 13px;font-weight:700;font-size:14px}
#studio-panel #studio-present-launch{display:block!important;width:100%}
#studio-panel .xt2-present-config:empty{display:none}
#studio-panel .xt2-present-config{border:0;padding:0;margin:0;background:none;display:none}
#studio-panel .xt2-mode-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 9px}
#studio-panel .xt2-mode-heading h2{margin:0!important;flex:1;min-width:0}
#studio-panel .xt2-mode-heading #xt2-mode-back{display:inline-flex!important;min-height:36px;padding:7px 12px!important;flex:none;margin:0!important;border:1px solid #52759d;border-radius:10px;background:#264466;color:#f1f7ff;font-size:12px;white-space:nowrap}
#studio-panel .xt2-mode-heading #xt2-mode-back[hidden]{display:none!important}
#studio-panel .xt2-pref-simple{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#studio-panel .xt2-pref-simple>.studio-control-row{display:grid;gap:4px;margin:0;min-width:0}
#studio-panel .xt2-pref-simple>.studio-control-row label{font-size:12px;min-width:0}
#studio-panel .xt2-pref-simple>.studio-control-row select{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box}
#studio-panel .xt2-pref-simple .xt2-offline-summary,#studio-panel .xt2-pref-simple>button{grid-column:1/-1}
.xt23-studio-overlay[hidden]{display:none!important}
.xt23-studio-overlay{position:fixed;z-index:4000;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#0d1929;color:#e8f1ff;font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box}
.xt23-studio-panel{max-width:650px;margin:0 auto;display:grid;gap:15px;padding:15px;border:1px solid #37577a;border-radius:18px;background:#152740}
.xt23-studio-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #344d6d;padding:0 0 12px}
.xt23-studio-panel>header strong{color:#a6ccff;font-size:20px}
.xt23-studio-panel>header button{background:#254667;border:0;color:#f4f9ff;border-radius:10px;min-width:42px;min-height:42px}
.xt23-studio-panel>label{display:grid;gap:6px;color:#e6f0fc;font-weight:620}
.xt23-studio-panel select{width:100%;height:44px;border:1px solid #5b7aa5;border-radius:12px;padding:7px 9px;background:#223c5e;color:#fff;font:inherit;min-width:0}
.xt23-studio-panel fieldset{display:grid;gap:12px;border:1px solid #3b577a;padding:12px;border-radius:13px}
.xt23-studio-panel fieldset legend{color:#b9d5ff;font-weight:650}
.xt23-studio-panel fieldset label{display:flex;align-items:center;gap:9px}
.xt23-studio-panel input[type=radio],.xt23-studio-panel input[type=checkbox]{width:19px;height:19px;accent-color:#4b8def}
.xt23-studio-panel .xt23-safe{display:flex;align-items:center;font-size:13px;font-weight:500}
.xt23-preview{display:grid;gap:8px;align-items:center;justify-items:center;padding:15px;background:#081525;border-radius:15px}
.xt23-preview canvas{display:block;width:auto;height:auto;max-width:100%;max-height:48dvh;border:1px solid #5b7da7;box-shadow:0 3px 22px #0007;background:#f5f7ff}
.xt23-preview small{font-size:12px;color:#acc8e8;text-align:center}
.xt23-caution{color:#a4bfdc;font-size:12px;margin:0}
.xt23-studio-panel>.xt23-primary{min-height:48px;border:0;border-radius:12px;background:#2459c5;color:#fff;font-weight:750;font-size:15px}
#xtp-stage .xt23-stage-begin{display:flex;justify-content:center;align-items:center;gap:10px;padding:11px;background:#2459c5;color:white;border:0;border-radius:12px;min-height:46px;font-weight:720;width:min(100%,410px);margin:9px auto}
#xtp-stage .xt23-stage-begin[hidden],#xtp-stage .xt23-record-led[hidden],#xtp-stage .xt23-auto-stop[hidden],#xtp-stage .xt23-camera-toggle[hidden]{display:none!important}
#xtp-stage .xt23-record-led{color:#ff7583;font-size:10px;font-weight:750;letter-spacing:.05em;display:flex;gap:4px;align-items:center;justify-content:center}
#xtp-stage .xt23-record-led:before{content:"";width:7px;height:7px;border-radius:50%;background:#fa5265}
#xtp-stage .xtp-clock-stack{display:flex;flex-direction:column;align-items:center;gap:2px}
#xtp-stage .xt23-auto-stop{border:0;border-radius:9px;width:35px;height:40px;background:#263e5b;color:#d9eaff;display:grid;place-items:center}
#xtp-stage .xt23-camera-preview{position:absolute;z-index:3;object-fit:cover;background:#376c97;border:1px solid #aecff2;border-radius:8px;pointer-events:none}
#xtp-stage .xt23-brand-overlay{position:absolute;left:0;top:0;width:100%;z-index:4;background:#244c87;color:white;display:grid;place-items:center;text-align:center;font-size:clamp(11px,2vw,17px);font-weight:700;pointer-events:none}
#xtp-stage .xt23-brand-overlay[hidden],#xtp-stage .xt23-camera-preview[hidden]{display:none!important}
#xtp-stage .xtp-paper[data-orientation=square]{width:min(100%,calc(100dvh - 190px),640px);height:auto;max-height:100%;aspect-ratio:1/1;margin:auto}
#xtp-stage .xtp-unified-header .xtp-session-button{background:#9D3644!important}
@media(max-width:395px){#xtp-stage .xtp-compact-edit{overflow-x:auto;max-width:58vw}#xtp-stage .xtp-compact-controls{gap:4px}}

/* Presenter compact controls and review phase */
#xtp-stage .xtp-unified-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
#xtp-stage .xtp-unified-header>.xtp-clock-stack{grid-column:2}
#xtp-stage .xtp-unified-header>.xt23-session-actions{grid-column:3;justify-self:end}
#xtp-stage .xt23-session-actions{display:flex;align-items:center;gap:6px}
#xtp-stage .xt23-session-actions .xtp-session-button{min-width:40px;width:42px;height:42px;background:#315078!important}
#xtp-stage .xt23-stop-record{border:0;border-radius:11px;min-height:43px;min-width:56px;padding:7px;background:#a82e44;color:#fff;font-size:12px;font-weight:800}
#xtp-stage .xt23-stop-record[hidden]{display:none!important}
#xtp-stage .xt23-stage-layout,#xtp-stage .xt23-camera-toggle{border:0;border-radius:10px;min-height:38px;min-width:38px;padding:7px;background:#254665;color:#e7f2ff;font-size:12px;font-weight:650}
#xtp-stage .xt23-camera-toggle[aria-pressed="false"]{opacity:.55}
#xtp-stage .xt23-camera-preview{display:block}
#xtp-stage .xt23-width-menu{position:relative;z-index:6;display:flex;flex-direction:column;align-items:flex-start;width:max-content;gap:5px;padding:6px;border:1px solid rgba(155,193,230,.25);border-radius:12px;background:rgba(27,47,75,.92)}
#xtp-stage .xt23-width-menu[hidden]{display:none!important}
#xtp-stage .xt23-width-menu button{min-height:34px;min-width:94px;border:0;border-radius:8px;background:rgba(41,73,111,.7);color:#f1f8ff;font-size:12px}
#xtp-stage .xt23-auto-stop{background:#223b58}
#studio-panel #xt23-record-detail .xt23-setting-grid [hidden]{display:none!important}
#studio-panel .xt23-section #xt23-camera-quality-wrap[hidden]{display:none!important}
#studio-panel .xt23-section #xt23-audio-quality-wrap[hidden]{display:none!important}
#studio-panel .xt23-section #studio-present-ready{font-size:11px}
@media(max-width:420px){
 #xtp-stage .xtp-unified-header{gap:3px}
 #xtp-stage .xt23-session-actions{gap:3px}
 #xtp-stage .xt23-session-actions .xtp-session-button{width:38px;height:38px}
 #xtp-stage .xt23-stop-record{min-width:45px;min-height:38px;padding:4px;font-size:10px}
 #xtp-stage .xtp-canvas-actions{gap:3px}
}

#xtp-stage .xt23-camera-preview-button{display:block;margin:7px auto;min-height:39px;width:min(100%,410px);background:#254665;color:#dcecff;border:1px solid #466a91;border-radius:12px;padding:8px;font-size:12px;font-weight:650}
#xtp-stage .xt23-camera-preview-button[hidden]{display:none!important}
#xtp-stage .xt23-camera-switch{border:0;border-radius:10px;min-width:38px;min-height:38px;background:#254665;color:#fff;font-size:19px}
#xtp-stage .xt23-camera-switch[hidden]{display:none!important}

#studio-panel .xt2-record-sort{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#studio-panel .xt2-record-sort>span{font-size:12px;color:#b9cee5}
#studio-panel .xt23-sort-segments{display:flex;min-width:0;gap:3px;background:#1d3551;border-radius:10px;padding:3px}
#studio-panel .xt23-sort-segments button{border:0;min-height:38px;padding:6px 11px;border-radius:8px;background:transparent;color:#bcd4ef;font-size:12px;font-weight:650}
#studio-panel .xt23-sort-segments button[aria-pressed=true]{background:#336bb4;color:#fff}
#studio-panel .xt2-record-sort #xt2-recording-direction{flex:0 0 auto;min-height:43px;min-width:82px;padding:5px 8px;font-size:11px}
#studio-panel .xt23-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
#studio-panel .xt2-pref-simple .xt2-offline-summary strong,#studio-panel .xt2-pref-simple .xt2-offline-summary small[data-ready=true]{color:#76dfb4}

.xt23-studio-panel .xt23-brand-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.xt23-studio-panel .xt23-brand-fields[hidden]{display:none!important}
.xt23-studio-panel .xt23-brand-fields>label{display:grid;gap:5px;min-width:0;font-size:12px;color:#cbdff9}
.xt23-studio-panel .xt23-brand-fields input{width:100%;min-width:0;box-sizing:border-box;height:42px;padding:7px;border:1px solid #597da7;border-radius:10px;background:#243d5a;color:#fff;font-size:13px}
@media(max-width:360px){.xt23-studio-panel .xt23-brand-fields{grid-template-columns:1fr}}

#studio-panel .xt23-video-layout-fields{display:grid;gap:6px;max-width:100%;margin:9px 0;font-size:13px;color:#d9e8fc}
#studio-panel .xt23-video-layout-fields[hidden]{display:none!important}
#studio-panel .xt23-video-layout-fields select{width:100%;height:43px;max-width:100%;background:#243e60;color:#fff;border:1px solid #59779d;border-radius:10px;padding:7px}
#studio-panel .xt23-video-layout-fields .studio-hint{font-size:11px;color:#adc9e5;margin:0}