/* 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}

/* Presenter 1.0.2: sticky vertical wizard navigation and in-place timer. */
#studio-panel [data-tool-panel="presentation"] > h2{display:none!important}
#studio-panel [data-tool-panel="presentation"] .xtp-form{min-width:0}
#studio-panel .xt23-config-shell{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start;min-width:0}
#studio-panel .xt23-config-shell .xt23-config-nav{display:flex;flex-direction:column;position:sticky;top:12px;gap:7px;overflow:visible;padding:0;min-width:0;max-width:100%}
#studio-panel .xt23-config-shell .xt23-config-nav button{display:block;white-space:normal;word-break:normal;text-align:left;min-height:46px;width:100%;padding:9px 10px;font-size:13px;line-height:1.25}
#studio-panel .xt23-config-shell .xt23-config-nav button[aria-current=step]{background:#3169b9;color:white;border-color:#86b5f4;box-shadow:inset 3px 0 0 #add4ff}
#studio-panel .xt23-config-main{display:grid;min-width:0;gap:12px}
#studio-panel .xt23-config-main .xt23-section{min-width:0;overflow-wrap:anywhere;padding:13px}
#studio-panel .xt23-config-main .xt23-config-pagination{display:flex;gap:8px;min-width:0}
#studio-panel .xt23-config-main .xt23-config-pagination button{min-width:0;padding:8px 5px;font-size:clamp(11px,2.8vw,14px)}
#studio-panel .xt23-config-main .xt23-section .xt2-present-row{min-width:0;flex-wrap:wrap}
#studio-panel .xt23-config-main .xt23-section .xt2-present-row select{max-width:100%}
#studio-panel .xt23-config-main .xt23-record-activations{grid-template-columns:repeat(2,minmax(0,1fr))}
#studio-panel .xt23-config-main .xt23-record-activations .xt2-present-row{font-size:12px}
#studio-panel .xt23-config-main .xt23-brand-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#studio-panel .xt23-timer-editor[hidden]{display:none!important}
#studio-panel .xt23-timer-editor{display:grid;gap:11px;padding:12px;border:1px solid #4b6e99;background:#13243c;border-radius:12px}
#studio-panel .xt23-timer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}
#studio-panel .xt23-timer-row>span:first-child{flex:1;min-width:0}
#studio-panel .xt23-timer-values{display:flex;align-items:center;gap:4px;flex:none}
#studio-panel .xt23-timer-values select{width:58px!important;min-width:0!important;padding:5px!important;font-variant-numeric:tabular-nums}
#studio-panel .xt23-timer-done{background:#315985;color:white;border:1px solid #547ca9;border-radius:10px;padding:10px;min-height:42px}
#studio-panel .xt23-brand-gallery .xt23-brand-fields label{display:grid;gap:5px;min-width:0}
#studio-panel .xt23-brand-gallery .xt23-brand-fields input[type=color]{width:100%;max-width:100%;height:42px}
@media(max-width:540px){
  #studio-panel .xt23-config-shell{grid-template-columns:87px minmax(0,1fr);gap:8px}
  #studio-panel .xt23-config-shell .xt23-config-nav button{padding:10px 6px;font-size:11px;min-height:45px}
  #studio-panel .xt23-config-main .xt23-section{padding:10px}
  #studio-panel .xt23-config-main .xt23-record-activations,#studio-panel .xt23-config-main .xt23-record-pair{grid-template-columns:1fr}
  #studio-panel .xt23-timer-row{flex-direction:column;align-items:stretch}
  #studio-panel .xt23-timer-values{justify-content:flex-start}
}
@media(min-width:850px){
  #studio-panel .xt23-config-shell{grid-template-columns:155px minmax(0,1fr);gap:18px}
  #studio-panel .xt23-config-shell .xt23-config-nav button{font-size:14px}
}
/* Presentation annotation tools: vertical and collapsible, never covering slide navigation. */
#xtp-stage .xtp-surface{isolation:isolate}
#xtp-stage .xtp-tool-rail{position:absolute;left:max(6px,env(safe-area-inset-left));top:60px;z-index:12;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:auto}
#xtp-stage .xtp-rail-toggle{display:grid;place-items:center;width:39px;height:42px;border-radius:11px;border:1px solid #6e96c9;background:#305f9e;color:white;font-size:22px;box-shadow:0 2px 10px #06132688}
#xtp-stage .xtp-tool-rail[data-open=false] .xtp-compact-edit,#xtp-stage .xtp-tool-rail[data-open=false] .xtp-compact-menus{display:none!important}
#xtp-stage .xtp-tool-rail[data-open=true] .xtp-compact-edit{display:flex;flex-direction:column;gap:5px;max-height:min(65dvh,490px);overflow-y:auto;overflow-x:hidden;background:#14263de8;padding:4px;border-radius:12px}
#xtp-stage .xtp-tool-rail .xtp-compact-btn{width:39px;min-width:39px;height:39px;min-height:39px}
#xtp-stage .xtp-tool-rail .xtp-compact-menus{position:relative}
#xtp-stage .xtp-tool-rail .xtp-pop-menu:not([hidden]){position:absolute;top:-100px;bottom:auto;left:47px;display:flex;min-width:160px;max-width:min(290px,calc(100vw - 75px));flex-wrap:wrap}
#xtp-stage .xtp-tool-rail .xt23-width-menu:not([hidden]){position:absolute;top:-100px;left:47px;min-width:150px;z-index:10}
#xtp-stage #xtp-session-button{background:#294563!important}
#xtp-stage #xtp-session-button.is-running{background:#b03a4a!important}
#xtp-stage #xtp-session-button:focus-visible,#xtp-stage .xtp-rail-toggle:focus-visible{outline:3px solid #9cccff;outline-offset:2px}
#xtp-stage .xtp-controls{padding-bottom:calc(10px + env(safe-area-inset-bottom));position:relative;z-index:5}
@media(max-width:420px){#xtp-stage .xtp-tool-rail{left:4px;top:56px}#xtp-stage .xtp-tool-rail .xtp-compact-btn{width:37px;height:38px;min-width:37px}#xtp-stage .xtp-rail-toggle{width:37px;height:40px}}

/* Social scene asset upload, used by the preview and Presenter composition. */
.xt23-studio-panel .xt23-scene-image-controls{display:grid;gap:8px;padding:12px;border:1px solid #3d5f84;border-radius:12px;background:#1b304d}
.xt23-studio-panel .xt23-scene-image-controls>label{display:grid;gap:7px;font-size:13px;font-weight:650}
.xt23-studio-panel .xt23-scene-image-controls input[type=file]{display:block;width:100%;max-width:100%;min-width:0;font-size:12px}
.xt23-studio-panel .xt23-scene-image-controls button{justify-self:start;background:#315882;border:1px solid #5278a4;border-radius:9px;color:white;padding:8px 13px;min-height:38px}
.xt23-studio-panel .xt23-scene-image-controls button[hidden]{display:none!important}
.xt23-studio-panel .xt23-scene-image-controls small{font-size:12px;color:#b7d2ef;line-height:1.5}

/* Presenter 1.1: keep v1.0.2 collapsible rail and vertical wizard, adapt canvas to selected full-height ratio. */
#xtp-stage .xtp-paper[data-orientation="portrait"],
#xtp-stage .xtp-paper[data-orientation="landscape"],
#xtp-stage .xtp-paper[data-orientation="square"]{
  width:min(100%,calc((100dvh - 165px)*var(--xt23-ratio-width,.461538)),720px)!important;
  height:auto!important;max-height:100%!important;min-width:0!important;
  aspect-ratio:var(--xt23-ratio,9 / 19.5)!important;overflow:hidden;
}
#xtp-stage .xtp-surface{min-width:0;min-height:0;overflow:hidden;isolation:isolate}
#xtp-stage .xtp-canvas-actions>*:not(#xtp-fullscreen){display:none!important}
#xtp-stage .xtp-canvas-actions{top:7px;right:6px;z-index:13}
#xtp-stage .xtp-controls .xtp-tool-grid,#xtp-stage .xtp-controls .xtp-tools-head,
#xtp-stage .xtp-controls .xtp-drawing-row,#xtp-stage .xtp-controls .xtp-editbar{display:none!important}
#xtp-stage #xtp-stop-record,#xtp-stage #xtp-record,#xtp-stage .xt23-auto-stop{display:none!important}
#xtp-stage .xtp-controls{max-height:155px;overflow:visible;padding:8px 8px calc(10px + env(safe-area-inset-bottom))}
#xtp-stage .xtp-slide-actions{flex-wrap:wrap;justify-content:center}
#xtp-stage .xtp-options-panel .xt23-stage-layout,#xtp-stage .xtp-options-panel select{margin:5px;min-height:40px}
#xtp-stage .xtp-tool-rail[data-open=true] .xtp-compact-edit{max-height:min(68dvh,520px)}
#xtp-stage .xtp-tool-rail .xtp-compact-btn:last-child{margin-top:6px;background:#3469af}

/* Editing objects: normalized coordinates, isolated from browser content */
#xtp-stage .xt23-objects{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}
#xtp-stage .xt23-object{position:absolute;pointer-events:auto;touch-action:none;cursor:move;
 display:flex;align-items:center;justify-content:center;min-width:18px;min-height:14px;
 text-align:center;font-size:clamp(12px,2.3vw,20px);font-weight:700;overflow:hidden;user-select:none}
#xtp-stage .xt23-object.selected{outline:2px solid #429ffd;outline-offset:2px}
#xtp-stage .xt23-object.selected:after{content:"";position:absolute;right:0;bottom:0;
 width:9px;height:9px;background:#3395ff;border:2px solid white;border-radius:50%}
#xtp-stage .xt23-objects-menu{position:absolute;z-index:14;left:52px;bottom:6px;
 width:min(278px,calc(100vw - 72px));max-height:min(68dvh,420px);
 padding:12px;background:#203750;border:1px solid #557aab;border-radius:14px;
 box-shadow:0 16px 38px #000a;overflow-y:auto;color:#e6f1ff}
#xtp-stage .xt23-objects-menu[hidden]{display:none!important}
#xtp-stage .xt23-object-menu-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px}
#xtp-stage .xt23-object-menu-head strong{font-size:13px;overflow-wrap:anywhere}
#xtp-stage .xt23-objects-menu button{background:#315883;border:1px solid #4e73a4;
 color:#fff;border-radius:8px;min-height:36px;padding:7px;font-size:12px}
#xtp-stage .xt23-object-menu-head button{min-height:30px}
#xtp-stage .xt23-object-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#xtp-stage .xt23-object-row{display:flex;gap:7px;margin:8px 0}
#xtp-stage .xt23-object-row button{flex:1}
#xtp-stage .xt23-object-field{display:flex;justify-content:space-between;align-items:center;gap:10px;
 color:#c1d8f6;font-size:12px;margin:8px 0}
#xtp-stage .xt23-object-field input[type=text]{min-width:0;max-width:160px;height:37px;background:#152940;color:#fff;border:1px solid #5a7da6;border-radius:8px;padding:7px}
#xtp-stage .xt23-object-field input[type=range]{min-width:0;max-width:150px;accent-color:#61a1fa}
#xtp-stage .xt23-object-field input[type=checkbox]{accent-color:#61a1fa}
#xtp-stage .xt23-object-info{font-size:11px;color:#a8c6e5;line-height:1.35}
@media(max-width:410px){#xtp-stage .xt23-objects-menu{left:43px;width:min(265px,calc(100vw - 55px))}}

/* No GIF dependency: CSS-guided onboarding in the original Teleprompter color language. */
#xt23-guide[hidden]{display:none!important}
#xt23-guide{position:fixed;inset:0;z-index:100030;display:grid;place-items:center;
 background:#061123c4;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);padding:10px}
.xt23-guide-panel{width:min(100%,540px);max-height:90dvh;overflow:auto;background:#131f33;
 border:1px solid #496790;border-radius:18px;padding:16px;color:#e8f3ff;
 box-shadow:0 20px 55px #000a;font:14px/1.45 system-ui,-apple-system,sans-serif}
.xt23-guide-panel header,.xt23-guide-panel footer{display:flex;align-items:center;justify-content:space-between;gap:7px}
.xt23-guide-panel header strong{font-size:18px;color:#a2caff}
.xt23-guide-panel button,.xt23-guide-launch,.xt23-guide-library-link,.xt23-guide-intro button{
 min-height:40px;background:#315e98;border:1px solid #4e80c3;border-radius:10px;
 padding:9px 12px;color:#fff;font:700 13px system-ui;cursor:pointer}
.xt23-guide-panel button:disabled{opacity:.4}
.xt23-guide-track{display:flex;gap:4px;margin:16px 0 10px}
.xt23-guide-track i{height:4px;border-radius:3px;background:#2a476e;flex:1}
.xt23-guide-track i.done{background:#619ef3}
.xt23-guide-demo{height:130px;display:grid;place-items:center;position:relative;background:#1a3455;border-radius:13px;margin:12px 0}
.xt23-guide-button{border-radius:12px;background:#3779da;padding:16px 24px;font-size:17px;font-weight:800;color:white}
.xt23-guide-ring{width:100px;height:100px;position:absolute;border:2px solid #96c9ff;border-radius:50%;animation:xt23-tour-ring 1.8s ease-out infinite}
.xt23-guide-hand{font-size:29px;position:absolute;left:60%;top:60%;animation:xt23-tour-tap 1.8s ease-in-out infinite}
.xt23-guide-title{font-size:18px;color:#c1ddff;margin:14px 0 7px}
.xt23-guide-text{font-size:14px;color:#d3e2f5;min-height:60px}
.xt23-guide-panel footer button{flex:1;padding:7px 4px;font-size:12px}
.xt23-guide-launch,.xt23-guide-library-link{display:block;width:100%;margin:12px 0}
.xt23-guide-intro{background:#162c48;border-left:4px solid #5799f3;padding:14px;
 border-radius:10px;margin:10px 0 16px;color:#d5e8ff}
.xt23-guide-intro strong{font-size:17px}.xt23-guide-intro p{font-size:13px;margin:8px 0}
.xt23-guide-highlight{outline:3px solid #65aafd!important;outline-offset:3px!important;box-shadow:0 0 0 8px #528cff3d!important}
@keyframes xt23-tour-ring{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.5);opacity:0}}
@keyframes xt23-tour-tap{0%,100%{transform:translate(12px,12px)}50%{transform:translate(-10px,-10px)}}
@media(prefers-reduced-motion:reduce){#xt23-guide *{animation:none!important}}

/* Private multimedia resources within the existing document library. */
#studio-panel #xt23-media-store{margin:12px 0;border-top:1px solid #37597a;padding-top:11px}
#studio-panel #xt23-media-store>summary{cursor:pointer;color:#a9cfff;font-weight:750;padding:10px 0}
#studio-panel .xt23-media-inner{display:grid;gap:10px;padding:9px;background:#152942;border-radius:12px}
#studio-panel .xt23-media-inner>label{display:grid;gap:5px;color:#bfd7ef;font-size:13px}
#studio-panel .xt23-media-inner input,
#studio-panel .xt23-media-inner select{max-width:100%;min-width:0;width:100%;min-height:42px;padding:8px;
 border:1px solid #4b6f98;background:#253e61;color:#fff;border-radius:10px;box-sizing:border-box}
#studio-panel .xt23-media-inner>button,
#studio-panel .xt23-media-filters button,
#studio-panel .xt23-media-item button{background:#2d5c99;border:0;color:white;border-radius:9px;
 min-height:39px;padding:8px 10px;font-size:12px}
#studio-panel .xt23-media-filters{display:flex;flex-wrap:wrap;gap:5px}
#studio-panel .xt23-media-filters button[aria-pressed=true]{background:#397fd5}
#studio-panel .xt23-media-results{display:grid;gap:7px}
#studio-panel .xt23-media-item{display:flex;align-items:center;gap:6px;flex-wrap:wrap;
 padding:9px;border:1px solid #385878;border-radius:10px;background:#203852}
#studio-panel .xt23-media-item strong{flex:1;min-width:85px;overflow-wrap:anywhere;font-size:12px}
#studio-panel .xt23-media-item small{color:#b4cdec;white-space:nowrap}
#studio-panel .xt23-media-inner #xt23-resource-status{font-size:11px;color:#9fc0df}