/* XTEND Teleprompter 2.1.0 / V3 — one source of truth for mobile layout.
   Keep the central readout at 50% of viewport even when side controls vary. */
.studio-root .studio-top{
 display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
 align-items:center!important;gap:0!important;
 padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))!important;
}
.studio-root .studio-left-controls{grid-column:1;min-width:0;justify-self:start!important}
.studio-root .studio-readout{grid-column:2;justify-self:center!important;text-align:center!important;min-width:86px!important;left:auto!important;right:auto!important;transform:none!important}
.studio-root .studio-readout .studio-time{font-variant-numeric:tabular-nums;font-size:clamp(19px,5vw,25px)!important}
.studio-root #studio-global-start{grid-column:3;justify-self:end!important}
.studio-root .studio-panel{max-height:calc(100dvh - 95px)!important;overflow-y:auto!important;overscroll-behavior:contain;border-radius:18px!important;background:#111e31!important;color:#eaf1fa!important}
.studio-root .xt2-toolbar-v21{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:0 0 16px;align-items:stretch}
.studio-root .xt2-toolbar-v21 .studio-icon-button{width:100%;min-width:0;height:55px!important;padding:7px 0 14px!important;background:#233c5d!important;border-radius:12px!important;border:1px solid transparent!important;position:relative}
.studio-root .xt2-toolbar-v21 .studio-icon-button::after{content:"";width:6px;height:6px;border-radius:50%;background:#778ba8;position:absolute;bottom:5px;left:calc(50% - 3px)}
.studio-root .xt2-toolbar-v21 .studio-icon-button.is-enabled::after{background:#67dbca}
.studio-root .xt2-toolbar-v21 .studio-icon-button.is-open{background:#3a6ca9!important;border-color:#6ba7ec!important}
.studio-root .xt2-toolbar-v21 .studio-icon-button svg{width:22px;height:22px}
.studio-root [data-tool-panel="documents"],.studio-root .xt2-unified-library{min-width:0;max-width:100%}
.xt2-library-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin:0 0 14px}
.xt2-library-heading small{color:#91baf0;font-size:11px;letter-spacing:.08em}
.xt2-library-heading h2{margin:5px 0!important;color:#f3f7ff!important;font-size:24px!important}
.xt2-library-heading .studio-hint{margin:0;color:#abc0da}
.xt2-library-heading>span{color:#9ac9ff;font-size:25px}
.xt2-library-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#101c2c;padding:4px;border-radius:13px;margin-bottom:12px}
.xt2-library-tabs button{min-height:42px;border:0;border-radius:10px;background:transparent;color:#a9c1df;font:600 15px inherit;cursor:pointer}
.xt2-library-tabs button.active,.xt2-library-tabs button[aria-selected="true"]{background:#2d496d;color:#fff}
#xt2-documents-view[hidden],#xt2-recordings-view[hidden]{display:none!important}
#xt2-documents-view>h2{display:none}
.xt2-record-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}
.xt2-record-head label,.xt2-record-head output{font-size:13px;color:#adc3dd}
#xt2-recording-kind{width:100%;min-width:0;min-height:44px;background:#203550;border:1px solid #48688d;color:#fff;border-radius:10px;padding:8px;font-size:16px}
.xt2-recordings-list{display:grid;gap:8px;margin:13px 0}
.xt2-recording-row{width:100%;display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;min-width:0;min-height:58px;background:#203551;border:1px solid #365676;border-radius:12px;color:#eaf2fd;padding:11px;cursor:pointer}
.xt2-recording-row[aria-pressed="true"]{background:#2d5079;border-color:#83b4ed}
.xt2-recording-label{max-width:100%;overflow-wrap:anywhere;font-size:14px;font-weight:700}
.xt2-recording-row small{color:#a8c1dd;font-size:12px}
.xt2-recording-preview{border:1px solid #365676;border-radius:14px;background:#203551;padding:12px;display:grid;gap:10px;min-width:0}
.xt2-recording-preview[hidden]{display:none!important}
#xt2-recording-name{overflow-wrap:anywhere;font-size:14px}
#xt2-recording-player{width:100%;max-height:190px;border-radius:10px;background:#09131f}
.xt2-recording-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.xt2-recording-actions button{min-width:0;min-height:42px;background:#1c3552;color:#e9f3ff;border:1px solid #57718e;border-radius:10px;padding:7px;font-size:13px}
#xt2-recording-delete{color:#ffb3b3}
.studio-root .v2-doc-manager:not([open]){max-height:56px;overflow:hidden}
.studio-root #v2-doc-select{display:block;width:100%;min-width:0;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.studio-root .xt2-pref-hub .xt2-pref-menu>button{min-height:72px;background:#172740;border:1px solid #35506f}
.studio-root .xt2-pref-hub .xt2-pref-icon{background:#254263;color:#a8d0ff}
.studio-root .studio-panel select,.studio-root .studio-panel input[type="text"],.studio-root .studio-panel input[type="number"]{font-size:16px;max-width:100%}
.studio-root .studio-panel [hidden]{display:none!important}
@media(max-width:380px){
 .studio-root .xt2-toolbar-v21{gap:3px}
 .studio-root .xt2-toolbar-v21 .studio-icon-button{height:49px!important}
 .studio-root .xt2-toolbar-v21 .studio-icon-button svg{width:19px;height:19px}
 .studio-root .studio-left-controls{gap:3px}
 .studio-root .studio-readout{min-width:70px!important}
}

/* Centered countdown never affects the alignment of the timer readout. */
.studio-root #studio-countdown{position:absolute;inset:0;z-index:2;background:#131e30;display:grid;place-items:center;font-size:29px;font-weight:800;color:#67dbca;border-radius:8px}
.studio-root #studio-countdown[hidden]{display:none!important}
.xt2-presenter-mic{display:flex;align-items:center;gap:9px;margin:9px 0 14px;padding:11px;border:1px solid #3b5778;background:#172b44;border-radius:10px;color:#d8e9fc;font-size:14px;line-height:1.3}
.xt2-presenter-mic input{width:19px;height:19px;flex:none}