/* XTEND Presenter Lab v2 — prototype-aligned, mobile-first, dark controls / light canvas.
   Isolated to #xtp-stage and the local Beta preferences panel. */
#xtp-stage{--xtp-bg:#070b13;--xtp-panel:#131c2d;--xtp-raised:#202a3b;--xtp-blue:#5e9aff;--xtp-soft:#b7c2d3;--xtp-rule:#273449;--xtp-ink:#f2f6ff;color-scheme:dark}
#xtp-stage[hidden],#xtp-options-panel[hidden],#xtp-output[hidden],#xtp-stage [hidden]{display:none!important}
#xtp-stage *{box-sizing:border-box}
#xtp-stage{position:fixed;z-index:100020;inset:0;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--xtp-bg);color:var(--xtp-ink);font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden;overscroll-behavior:contain}
#xtp-stage button,#xtp-stage select,#xtp-stage input{font:inherit;touch-action:manipulation}
#xtp-stage button{cursor:pointer;-webkit-tap-highlight-color:transparent}
#xtp-stage button:disabled{opacity:.33;cursor:default}
#xtp-stage :is(button,select,input):focus-visible{outline:2px solid #90bbff;outline-offset:3px}
#xtp-stage .xtp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;min-height:69px;padding:calc(10px + env(safe-area-inset-top)) clamp(12px,3.5vw,24px) 12px;background:#101727;border:0;border-bottom:1px solid #ffffff13;border-radius:0}
#xtp-stage .xtp-brand{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1;text-align:left}
#xtp-stage .xtp-brand-kicker{font-size:10px;letter-spacing:.13em;font-weight:780;color:#8eb9ed;white-space:nowrap}
#xtp-stage .xtp-beta-label{padding:3px 5px;border-radius:5px;background:#264d7c;color:#ddeeff;letter-spacing:.05em;font-size:9px}
#xtp-stage #xtp-title{font-size:clamp(13px,3.7vw,17px);font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:50vw;color:#f1f7ff;line-height:1.2}
#xtp-stage .xtp-head-controls{display:flex;align-items:center;gap:5px;flex:0 0 auto}
#xtp-stage .xtp-icon-btn{border:0;background:#26374f;color:#eff5ff;border-radius:13px;min-height:43px;min-width:43px;padding:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700}
#xtp-stage .xtp-icon-btn:hover:not(:disabled){background:#344c6d}
#xtp-stage .xtp-close{background:#2b3544}
#xtp-stage .xtp-record-dot{width:12px;height:12px;border-radius:50%;background:#f35a63;display:inline-block;box-shadow:0 0 0 3px #f35a631b}
#xtp-stage .xtp-rec-btn:disabled .xtp-record-dot{filter:grayscale(1)}
#xtp-stage .xtp-desktop-label{font-size:13px}
#xtp-stage #xtp-stop-record:not(:disabled){background:#66313b}
#xtp-stage .xtp-options-panel{flex:0 1 auto;overflow:auto;max-height:min(43dvh,360px);padding:14px clamp(14px,4vw,26px) 16px;background:#151c2c;border-bottom:1px solid #344255}
#xtp-stage .xtp-options-panel h2{font:700 17px/1.3 system-ui,sans-serif;margin:0 0 8px;color:#eaf3ff}
#xtp-stage .xtp-option-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #ffffff12;color:#eff2f9;font-size:14px}
#xtp-stage .xtp-option-row>span{display:grid;gap:3px}
#xtp-stage .xtp-option-row small{font-size:12px;font-weight:400;color:#aab7ca}
#xtp-stage .xtp-option-row input[type=checkbox]{appearance:none;-webkit-appearance:none;border:0;border-radius:14px;background:#46516a;width:47px;height:28px;flex-shrink:0;position:relative;cursor:pointer;transition:background .15s}
#xtp-stage .xtp-option-row input[type=checkbox]:before{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;background:white;border-radius:50%;box-shadow:0 1px 3px #0005;transition:transform .15s}
#xtp-stage .xtp-option-row input[type=checkbox]:checked{background:#4d8bee}
#xtp-stage .xtp-option-row input[type=checkbox]:checked:before{transform:translateX(19px)}
#xtp-stage .xtp-option-row select{max-width:148px;min-height:42px;padding:8px 12px;background:#273448;color:#edf3ff;border:0;border-radius:12px;font-size:14px}
#xtp-stage .xtp-option-hint{color:#9daec5;font-size:12px;margin:10px 0 0;line-height:1.5}
#xtp-stage .xtp-surface{display:grid;place-items:center;min-height:0;flex:1 1 auto;overflow:hidden;padding:clamp(7px,2vw,15px);background:#080d17}
#xtp-stage .xtp-paper{position:relative;width:min(100%,1180px);height:100%;min-height:0;border-radius:14px;overflow:hidden;background:#fff;color:#111b2a;box-shadow:0 3px 20px #0005}
#xtp-stage .xtp-paper[data-orientation=portrait]{width:min(100%,640px);height:100%}
#xtp-stage .xtp-paper[data-orientation=landscape]{width:min(100%,1180px);height:100%}
#xtp-stage .xtp-content{width:100%;height:100%;padding:clamp(16px,4vw,42px);overflow:auto;overscroll-behavior:contain;color:#152037;background:white;font:clamp(17px,3vw,29px)/1.55 system-ui,-apple-system,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
#xtp-stage .xtp-content:has(iframe),#xtp-stage .xtp-content:has(video),#xtp-stage .xtp-content:has(img){padding:6px}
#xtp-stage .xtp-content iframe,#xtp-stage .xtp-content video,#xtp-stage .xtp-content img{width:100%;height:100%;object-fit:contain;border:0;background:#fff;border-radius:6px}
#xtp-stage .xtp-fallback{display:block;font-size:14px;color:#175ab9;margin-top:8px;text-decoration:underline}
#xtp-stage .xtp-ink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;touch-action:none}
#xtp-stage .xtp-paper[data-draw=true] .xtp-ink{pointer-events:auto;cursor:crosshair}
#xtp-stage .xtp-laser{position:absolute;width:15px;height:15px;transform:translate(-50%,-50%);border-radius:50%;background:#f04c59;box-shadow:0 0 0 6px #ee334d44,0 0 20px 6px #f12e55aa;pointer-events:none}
#xtp-stage .xtp-paper[data-tool=cursor] .xtp-laser{width:22px;height:22px;background:#419af8;border-radius:4px 80% 50% 80%;transform:translate(-10%,-20%) rotate(-25deg);box-shadow:0 0 0 4px #4f9dfb30}
#xtp-stage .xtp-paper[data-tool=pulse] .xtp-laser{width:18px;height:18px;background:#fee99b;box-shadow:0 0 0 5px #5d91fd65,0 0 0 13px #5d91fd29;animation:xtp-pulse .8s ease-out infinite}
@keyframes xtp-pulse{0%{box-shadow:0 0 0 2px #5d91fd99,0 0 0 3px #5d91fd66}100%{box-shadow:0 0 0 11px #5d91fd22,0 0 0 23px #5d91fd00}}
#xtp-stage .xtp-controls{background:#0f1725;flex:0 0 auto;max-height:49dvh;overflow-x:hidden;overflow-y:auto;padding:12px clamp(11px,3.5vw,22px) calc(10px + env(safe-area-inset-bottom));border-top:1px solid #ffffff11;color:#eaf3ff}
#xtp-stage .xtp-slidebar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px solid #ffffff13}
#xtp-stage .xtp-slide-info{display:flex;flex-direction:column;gap:1px;min-width:76px}
#xtp-stage .xtp-slide-info small{font-size:10px;letter-spacing:.1em;color:#a3b8d6}
#xtp-stage .xtp-counter{font-size:16px;white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums}
#xtp-stage .xtp-slide-actions{display:flex;gap:8px;align-items:center}
#xtp-stage .xtp-circle-btn{border:0;background:#263448;color:#f4f8ff;width:42px;height:42px;border-radius:50%;font-size:30px;line-height:1;display:inline-grid;place-items:center;padding:0}
#xtp-stage .xtp-primary-btn{border:0;background:#edf4ff;color:#15253f;border-radius:999px;font-weight:750;padding:10px 18px;min-height:42px;display:inline-flex;align-items:center;gap:10px;font-size:13px}
#xtp-stage .xtp-primary-btn[aria-pressed=true]{background:#568cf0;color:#fff}
#xtp-stage .xtp-tools-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 9px}
#xtp-stage .xtp-tools-head strong{font-size:14px;color:#edf4ff}
#xtp-stage .xtp-tools-head span{font-size:11px;color:#91a0b4}
#xtp-stage .xtp-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#xtp-stage .xtp-tool{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;min-height:66px;border:0;border-radius:16px;background:#242b35;color:#eef4ff;padding:7px 3px;font-weight:550;font-size:12px;line-height:1.2}
#xtp-stage .xtp-tool>span:first-child{font-size:22px;color:#c3cbda;line-height:1.3}
#xtp-stage .xtp-tool[aria-pressed=true]{background:#192943;box-shadow:inset 0 0 0 1.5px #548ef0;color:#fff}
#xtp-stage .xtp-tool[aria-pressed=true]>span:first-child{color:#7bb3ff}
#xtp-stage .xtp-drawing-row{display:flex;align-items:center;gap:11px;min-height:52px;margin-top:9px;flex-wrap:wrap}
#xtp-stage .xtp-drawing-caption{font-size:13px;color:#dae5f5}
#xtp-stage .xtp-swatches{display:flex;gap:11px;align-items:center}
#xtp-stage .xtp-swatch{width:30px;height:30px;border:0;border-radius:50%;background:var(--swatch);box-shadow:none;position:relative;padding:0}
#xtp-stage .xtp-swatch[aria-pressed=true]::after{content:"";position:absolute;inset:-5px;border:2px solid #bfc8d8;border-radius:50%}
#xtp-stage .xtp-custom-color{appearance:none;-webkit-appearance:none;width:24px;height:29px;border:0;background:transparent;padding:0;overflow:hidden;opacity:.85}
#xtp-stage .xtp-custom-color::-webkit-color-swatch-wrapper{padding:0}
#xtp-stage .xtp-custom-color::-webkit-color-swatch{border:0;border-radius:50%}
#xtp-stage .xtp-stroke-label{display:flex;align-items:center;gap:8px;font-size:13px;margin-left:auto;color:#c6d3e4}
#xtp-stage .xtp-stroke-label select{background:#273447;color:#eff5ff;border:0;border-radius:10px;min-height:38px;padding:8px 10px;min-width:76px;font-size:13px}
#xtp-stage .xtp-editbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
#xtp-stage .xtp-subtle-btn{background:#202c3e;border:0;color:#d6e2f1;border-radius:999px;min-height:38px;padding:8px 13px;font-size:12px;white-space:nowrap;flex:1}
#xtp-stage .xtp-subtle-btn[aria-pressed=false]{color:#91aac8}
#xtp-stage .xtp-status{display:block;margin:10px 0 0;font-size:11px;line-height:1.35;color:#96aac3;white-space:normal;max-width:none}
#xtp-stage .xtp-output{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap;background:#162a40;padding:10px 14px}
#xtp-stage .xtp-output button{border:0;border-radius:10px;padding:9px 13px;background:#3475c3;color:white;min-height:40px}
#xtp-stage .xtp-record-dot:has(*){border:0}
.studio-preferences-panel .studio-offline-preferences{border-top:1px solid #45546b;padding-top:17px;margin-top:21px}
.studio-preferences-panel .studio-offline-preferences h3{font-size:17px!important;line-height:1.3;color:#a5c9f7;margin:0 0 9px!important}
.studio-preferences-panel .studio-offline-preferences .studio-description{font-size:13px;color:#b8c7d9}
.studio-preferences-panel .studio-offline-preferences .offline{margin-top:10px;border-radius:15px;padding:12px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #2e4857;background:#101e2c}
.studio-preferences-panel .studio-offline-preferences [data-offline-status]{font-size:12px;color:#79d7cc;line-height:1.5}
.studio-preferences-panel .studio-offline-preferences [data-offline-save]{min-height:40px;max-width:140px;padding:7px 11px;border:0;border-radius:10px;background:#1f554f;color:#d7f7f1;font-size:12px}
.studio-preferences-panel .studio-offline-preferences [data-offline-save]:disabled{opacity:.6}
.studio-language-button #studio-language-code{display:none!important}
@media(max-width:650px){
 #xtp-stage .xtp-toolbar{padding-top:calc(9px + env(safe-area-inset-top));min-height:64px}
 #xtp-stage .xtp-head-controls{gap:3px}
 #xtp-stage .xtp-icon-btn{min-width:38px;min-height:40px;padding:8px;border-radius:12px}
 #xtp-stage .xtp-desktop-label{display:none}
 #xtp-stage .xtp-record-dot{width:12px;height:12px}
 #xtp-stage .xtp-surface{padding:6px}
 #xtp-stage .xtp-paper{border-radius:11px}
 #xtp-stage .xtp-content{font-size:clamp(17px,4.5vw,26px);padding:16px}
 #xtp-stage .xtp-controls{max-height:52dvh;padding:9px 10px calc(10px + env(safe-area-inset-bottom))}
 #xtp-stage .xtp-slidebar{padding-bottom:10px}
 #xtp-stage .xtp-tools-head{margin:11px 0 7px}
 #xtp-stage .xtp-tool-grid{gap:6px}
 #xtp-stage .xtp-tool{min-height:61px;border-radius:14px}
 #xtp-stage .xtp-tools-head span{display:none}
 #xtp-stage .xtp-drawing-row{gap:9px}
 #xtp-stage .xtp-swatches{gap:10px}
 #xtp-stage .xtp-stroke-label{margin-left:auto}
 #xtp-stage .xtp-editbar{gap:6px}
 #xtp-stage .xtp-subtle-btn{min-width:0;padding:9px 8px}
 .studio-preferences-panel .studio-offline-preferences .offline{grid-template-columns:1fr}
 .studio-preferences-panel .studio-offline-preferences [data-offline-save]{max-width:none}
}
@media(max-width:355px){
 #xtp-stage .xtp-toolbar{gap:4px}
 #xtp-stage .xtp-head-controls{gap:1px}
 #xtp-stage .xtp-icon-btn{min-width:34px;min-height:38px;padding:7px}
 #xtp-stage #xtp-title{max-width:30vw}
 #xtp-stage .xtp-tool{font-size:11px}
 #xtp-stage .xtp-stroke-label{margin-left:0}
}
@media(prefers-reduced-motion:reduce){#xtp-stage *,#xtp-stage *::before,#xtp-stage *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Keep the seven primary Beta tools in one compact, horizontally scrollable row. */
#studio-panel .studio-tabbar{display:flex!important;flex-wrap:nowrap!important;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-snap-type:x proximity;padding:3px 0 10px}
#studio-panel .studio-tabbar .studio-icon-button{flex:0 0 45px;width:45px;min-width:45px;min-height:45px;height:45px;padding:10px;border:0!important;border-radius:13px;background:#23334b;color:#bcd2ea;box-shadow:none!important;scroll-snap-align:start}
#studio-panel .studio-tabbar .studio-icon-button:is(.is-open,[aria-selected=true]){background:#365d92;color:#fff;box-shadow:none!important}
#studio-panel .studio-tabbar .studio-icon-button:hover{background:#314866}
#studio-panel .studio-soft-button{border:0!important;box-shadow:none!important;border-radius:11px}
@media(max-width:400px){#studio-panel .studio-tabbar .studio-icon-button{flex-basis:41px;min-width:41px;width:41px;height:43px;min-height:43px;padding:9px}}


/* Pointer tools must intercept events above cross-origin iframe embeds; toggle tool off to use native player controls. */
#xtp-stage .xtp-paper:is([data-tool=laser],[data-tool=pulse],[data-tool=cursor]) .xtp-ink{pointer-events:auto;cursor:crosshair;touch-action:none}

/* Presenter 2.1.1 unified header, true portrait canvas and compact editing. */
#xtp-stage .xtp-toolbar{display:block;min-height:66px;padding:calc(7px + env(safe-area-inset-top)) 12px 9px;background:#131f33}
#xtp-stage .xtp-unified-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
#xtp-stage .xtp-unified-header #xtp-settings-toggle{justify-self:start;background:#345f91;border-radius:13px;width:45px;height:45px}
#xtp-stage #xtp-session-clock{font-size:clamp(22px,5vw,32px);font-weight:750;font-variant-numeric:tabular-nums;line-height:1;color:white}
#xtp-stage .xtp-session-button{justify-self:end;width:46px;height:46px;border:0;border-radius:50%;background:#438cf7;color:white;font-size:24px}
#xtp-stage .xtp-toolbar>.xtp-brand,#xtp-stage .xtp-toolbar>.xtp-head-controls{display:none}
#xtp-stage .xtp-surface{position:relative;min-height:0;flex:1;padding:7px}
#xtp-stage .xtp-canvas-actions{position:absolute;right:13px;top:12px;z-index:3;display:flex;gap:6px;align-items:center}
#xtp-stage .xtp-canvas-actions select{background:#213954;color:white;border:1px solid #527094;border-radius:10px;min-height:38px;font-size:13px;padding:6px}
#xtp-stage .xtp-canvas-actions #xtp-fullscreen{min-width:38px;min-height:38px;padding:7px;background:#213954}
#xtp-stage .xtp-paper[data-orientation=portrait]{width:min(100%,calc((100dvh - 180px)*9/16),640px);height:100%;max-height:100%;aspect-ratio:9/16;margin:auto}
#xtp-stage .xtp-paper[data-orientation=landscape]{width:min(100%,1180px);height:min(100%,calc((100vw - 14px)*9/16));aspect-ratio:16/9;margin:auto}
#xtp-stage .xtp-options-panel{max-height:48dvh}
#xtp-stage .xtp-recording-setup{display:flex;align-items:center;gap:9px;margin-top:12px;padding-top:10px;border-top:1px solid #3c526b}
#xtp-stage .xtp-recording-setup button{min-height:42px}
#xtp-stage .xtp-controls{padding:7px 8px calc(8px + env(safe-area-inset-bottom));max-height:43dvh}
#xtp-stage .xtp-tools-head,#xtp-stage .xtp-tool-grid,#xtp-stage .xtp-drawing-row,#xtp-stage .xtp-editbar,#xtp-stage .xtp-controls>.xtp-slidebar,#xtp-stage .xt2-presenter-mic,#xtp-stage .xtp-status{display:none}
#xtp-stage .xtp-compact-controls{display:flex;align-items:center;justify-content:space-between;gap:5px}
#xtp-stage .xtp-compact-edit{display:flex;gap:3px;min-width:0}
#xtp-stage .xtp-compact-btn{border:0;border-radius:9px;background:#263e5b;color:#e5f2ff;width:clamp(28px,7vw,42px);height:40px;display:grid;place-items:center;padding:0;font-size:18px}
#xtp-stage .xtp-compact-controls .xtp-slide-actions{gap:3px}
#xtp-stage .xtp-compact-controls .xtp-circle-btn{width:30px;height:40px;font-size:25px}
#xtp-stage .xtp-compact-controls .xtp-primary-btn{width:37px;min-width:37px;height:40px;min-height:40px;padding:0;justify-content:center;font-size:0;border-radius:50%;background:#438cf7}
#xtp-stage .xtp-compact-controls .xtp-primary-btn span{font-size:18px}
#xtp-stage .xtp-compact-menus{display:flex;flex-direction:column;gap:5px}
#xtp-stage .xtp-pop-menu{display:flex;gap:7px;flex-wrap:wrap;padding:8px;margin-bottom:6px;border-radius:12px;background:#263c59}
#xtp-stage .xtp-pop-menu[hidden]{display:none}
#xtp-stage .xtp-pop-menu input[type=color]{width:38px;height:38px}
@media(min-width:800px){#xtp-stage .xtp-compact-btn{width:44px;height:44px}#xtp-stage .xtp-controls{padding-inline:22px}}

/* Presenter recovery: stable stage proportions, visible recorder controls, and mobile touch targets. */
#xtp-stage .xtp-paper[data-orientation=portrait]{width:min(100%,calc((100dvh - 190px)*9/16),640px);height:auto;max-height:100%;aspect-ratio:9/16}
#xtp-stage .xtp-paper[data-orientation=landscape]{width:min(100%,calc((100dvh - 190px)*16/9),1180px);height:auto;max-height:100%;aspect-ratio:16/9}
#xtp-stage .xtp-recording-setup{flex-wrap:wrap}
#xtp-stage .xtp-recording-setup .xt2-presenter-mic{display:flex;align-items:center;gap:8px;flex:1 1 100%;font-size:13px;color:#c8daf4}
#xtp-stage .xtp-recording-setup .xt2-presenter-mic input{min-width:18px;min-height:18px}
#xtp-stage #xtp-record-countdown:not([hidden]){position:absolute;z-index:20;inset:0;display:grid;place-items:center;pointer-events:none;background:rgba(5,14,25,.6);color:white;font-size:clamp(90px,24vw,190px);font-weight:800;text-shadow:0 5px 24px #000}
#xtp-stage .xtp-compact-controls{min-width:0}
#xtp-stage .xtp-compact-edit{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
#xtp-stage .xtp-compact-controls .xtp-slide-actions{flex:0 0 auto}
#xtp-stage .xtp-canvas-actions select{max-width:120px}
@media(max-width:420px){#xtp-stage .xtp-compact-btn{width:34px;min-width:34px;height:40px}#xtp-stage .xtp-session-button{width:44px;height:44px}}


/* Presenter 2.2.0: full-screen presentation has NO second configuration panel. */
#xtp-stage #xtp-settings-toggle,#xtp-stage #xtp-options-panel,#xtp-stage #xtp-record,#xtp-stage #xtp-stop-record,
#xtp-stage .xtp-recording-setup,#xtp-stage #xtp-output,#xtp-stage #xtp-live-orientation{display:none!important}
#xtp-stage .xtp-toolbar{padding:calc(7px + env(safe-area-inset-top)) 12px 9px}
#xtp-stage .xtp-unified-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
#xtp-stage #xtp-session-clock{grid-column:2;font:750 clamp(21px,5vw,31px)/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.01em;color:#f5f8ff}
#xtp-stage #xtp-session-button{grid-column:3;justify-self:end;display:grid;place-items:center;padding:0;width:45px;height:45px;line-height:1;background:#4a88ec;border-radius:50%;color:white}
#xtp-stage .xtp-compact-edit{display:flex;gap:5px;overflow:visible;flex:1 1 auto}
#xtp-stage .xtp-compact-controls{display:flex;align-items:center;gap:8px;min-width:0}
#xtp-stage .xtp-compact-btn{display:grid;place-items:center;flex:0 0 auto;width:clamp(32px,7.4vw,44px);height:42px;background:#253e5e;border-radius:12px;color:#c9defb;padding:0;border:1px solid #344f73}
#xtp-stage .xtp-compact-btn svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
#xtp-stage .xtp-compact-btn[aria-pressed=true]{background:#3769b1;border-color:#548ded;color:#fff}
#xtp-stage .xtp-compact-menus{position:relative;z-index:8}
#xtp-stage .xtp-pop-menu:not([hidden]){position:absolute;bottom:5px;left:8px;display:flex;align-items:center;gap:10px;background:#243957;border:1px solid #486a93;border-radius:14px;box-shadow:0 6px 24px #0008;padding:8px;max-width:calc(100vw - 32px)}
#xtp-stage .xtp-color-dot{height:30px;width:30px;min-width:30px;background:var(--xtp-dot);border:2px solid #eef5ff66;border-radius:50%;padding:0}
#xtp-stage .xtp-compact-controls .xtp-slide-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}
#xtp-stage .xtp-compact-controls #xtp-play{display:grid;place-items:center;min-width:42px;width:42px;height:42px;min-height:42px;padding:0;background:#4b89f2;border-radius:50%;color:white}
#xtp-stage .xtp-compact-controls #xtp-play[hidden]{display:none!important}
#xtp-stage .xtp-compact-controls #xtp-play svg{width:19px;height:19px;stroke-width:2;display:block}
#xtp-stage .xtp-compact-controls .xtp-circle-btn{display:grid;place-items:center;width:34px;height:42px;line-height:0;font-size:0;padding:0}
#xtp-stage .xtp-compact-controls .xtp-circle-btn svg{width:20px;height:20px;display:block;stroke-width:2}
#xtp-stage .xtp-tools-head,#xtp-stage .xtp-tool-grid,#xtp-stage .xtp-drawing-row,#xtp-stage .xtp-editbar{display:none!important}
#xtp-stage .xtp-canvas-actions{top:9px;right:10px}
#xtp-stage .xtp-canvas-actions #xtp-fullscreen{display:grid;place-items:center}
#xtp-stage .xtp-status{display:none!important}
#xtp-stage .xtp-controls{max-height:none;overflow:visible;padding:8px 9px calc(8px + env(safe-area-inset-bottom))}
#xtp-stage .xtp-paper[data-orientation=portrait]{width:min(100%,calc((100dvh - 165px)*9/16),640px);height:auto;max-height:100%;aspect-ratio:9/16}
#xtp-stage .xtp-paper[data-orientation=landscape]{width:min(100%,calc((100dvh - 165px)*16/9),1180px);height:auto;max-height:100%;aspect-ratio:16/9}
@media(max-width:420px){#xtp-stage .xtp-compact-btn{width:clamp(28px,7.1vw,34px);height:40px;border-radius:10px}
#xtp-stage .xtp-compact-controls{gap:4px}
#xtp-stage .xtp-compact-edit{gap:3px}
#xtp-stage .xtp-compact-controls .xtp-circle-btn{width:28px}
#xtp-stage .xtp-compact-controls #xtp-play{width:37px;min-width:37px;height:39px;min-height:39px}}