.presentation-entry { position:relative; display:flex; flex:none; align-items:stretch; border:1px solid var(--editor-line,var(--brand-light)); border-radius:11px; background:var(--editor-control,#fff); color:var(--editor-ink,var(--brand-text)); }
.presentation-entry > button { display:flex; align-items:center; justify-content:center; gap:7px; padding:10px 13px; border:0; background:transparent; color:inherit; font:700 12px var(--brand-font),sans-serif; cursor:pointer; white-space:nowrap; }
.presentation-entry > button:first-child { border-radius:0 10px 10px 0; }
.presentation-entry > button:last-of-type { padding-inline:7px; border-inline-start:1px solid var(--brand-light); border-radius:10px 0 0 10px; }
.presentation-entry > button:hover { background:var(--brand-primary-tint); }
.presentation-entry svg { width:17px; height:17px; flex:none; }
.presentation-entry button:focus-visible, .presentation-entry select:focus-visible { outline:2px solid var(--brand-primary); outline-offset:3px; }
.presentation-menu { position:absolute; top:calc(100% + 10px); inset-inline-end:0; z-index:500; width:290px; padding:8px; background:#fff; color:#25303a; border:1px solid #dde3e8; border-radius:15px; box-shadow:0 16px 50px #0002; font:500 12px var(--brand-font),sans-serif; }
.presentation-menu > button { width:100%; display:flex; gap:9px; align-items:center; padding:12px 9px; border:0; border-radius:8px; background:transparent; color:inherit; text-align:start; cursor:pointer; }
.presentation-menu > button:hover { background:#f2f5f8; }
.presentation-menu kbd { margin-inline-start:auto; font:10px sans-serif; color:#6b7785; }
.presentation-menu label { display:grid; gap:8px; border-top:1px solid #edf0f3; padding:12px 8px 6px; }
.presentation-menu select { width:100%; border:1px solid #dce2e8; border-radius:8px; padding:8px; color:inherit; background:#f8fafc; }
.presentation-player { position:fixed!important; inset:0!important; width:100%!important; height:100%!important; margin:0!important; padding:0!important; max-width:none!important; max-height:none!important; z-index:2147483647; overflow:hidden; display:grid; place-items:center; isolation:isolate; background:#090b10; color:#f5f6f8; outline:none; touch-action:none; overscroll-behavior:none; user-select:none; -webkit-user-select:none; }
.presentation-player:fullscreen, .presentation-player:-webkit-full-screen { background:#090b10; }
.presentation-player::backdrop { background:#090b10; }
.presentation-viewport { position:relative; flex:none; overflow:hidden; }
.presentation-frame { position:absolute; inset:0; overflow:hidden; }
.presentation-frame.is-preparing { visibility:hidden; pointer-events:none; z-index:0!important; }
.presentation-player .presentation-canvas { position:absolute; top:0; left:0; width:960px; height:540px; margin:0; border:0; border-radius:0; box-shadow:none; overflow:hidden; direction:rtl; transform:scale(var(--presentation-scale,1)); transform-origin:top left; pointer-events:none; background-color:white; }
.presentation-canvas *, .presentation-canvas *::before, .presentation-canvas *::after { animation:none!important; transition:none!important; caret-color:transparent!important; cursor:inherit!important; user-select:none!important; -webkit-user-select:none!important; }
.presentation-canvas .element-wrapper { cursor:default; }
.presentation-canvas .preznta-table-scroll { overflow:hidden; }
.presentation-canvas .page-number-overlay { pointer-events:none; }
.presentation-controls { position:absolute; bottom:max(22px,env(safe-area-inset-bottom)); left:50%; transform:translateX(-50%); z-index:5; display:flex; align-items:center; gap:3px; padding:6px; max-width:calc(100% - 20px); border:1px solid #ffffff24; border-radius:15px; color:#fff; background:#13171fef; box-shadow:0 8px 28px #0003; font:500 13px var(--brand-font),sans-serif; transition:opacity .18s ease, visibility .18s; }
.presentation-controls button, .presentation-notice button { display:flex; flex:none; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:0; border-radius:9px; color:inherit; background:transparent; cursor:pointer; }
.presentation-controls svg { width:19px; height:19px; }
.presentation-controls button:hover { background:#ffffff18; }
.presentation-controls button:disabled { opacity:.25; cursor:default; }
.presentation-controls button:focus-visible, .presentation-settings select:focus-visible, .presentation-notice button:focus-visible { outline:2px solid #6fbaff; outline-offset:2px; }
.presentation-controls [hidden], .presentation-notice[hidden], .presentation-notice [hidden] { display:none!important; }
.presentation-counter { min-width:64px; text-align:center; font-variant-numeric:tabular-nums; font-family:var(--brand-font),sans-serif; }
.presentation-divider { width:1px; height:21px; background:#ffffff25; margin-inline:5px; }
.presentation-settings-wrap { position:relative; }
.presentation-settings { position:absolute; bottom:calc(100% + 17px); inset-inline-end:-60px; width:230px; padding:16px; border:1px solid #ffffff24; border-radius:13px; box-shadow:0 10px 35px #0005; color:#fff; background:#171b23; }
.presentation-settings label { display:grid; gap:10px; }
.presentation-settings select { width:100%; padding:9px; border:1px solid #ffffff30; border-radius:8px; background:#232a35; color:#fff; font:inherit; }
.presentation-settings small { display:block; margin-top:10px; color:#a8b1bf; font-size:10px; }
.presentation-hint { position:absolute; top:max(20px,env(safe-area-inset-top)); left:50%; transform:translateX(-50%); white-space:nowrap; padding:10px 16px; border:1px solid #ffffff16; border-radius:99px; background:#13171fd9; color:#e5e9f0; z-index:5; font:500 12px var(--brand-font),sans-serif; pointer-events:none; transition:opacity .18s; }
.presentation-hint span { padding-inline:5px; color:#8c98a8; }
.presentation-progress { position:absolute; bottom:0; left:0; right:0; height:3px; z-index:4; background:#ffffff12; pointer-events:none; }
.presentation-progress span { display:block; height:100%; background:#5da8ff; transition:width .25s ease; }
.presentation-notice { position:absolute; top:80px; left:50%; transform:translateX(-50%); z-index:6; max-width:calc(100% - 30px); padding:10px 14px; border-radius:10px; background:#171d29ee; color:white; font:500 12px var(--brand-font),sans-serif; text-align:center; }
.presentation-notice button { display:inline-flex; width:auto; height:auto; padding:6px 12px; margin-inline-start:8px; color:#9acbff; background:#ffffff0d; }
.presentation-player.controls-hidden { cursor:none; }
.presentation-player.controls-hidden .presentation-controls { opacity:0; visibility:hidden; pointer-events:none; }
.presentation-player.controls-hidden .presentation-hint { opacity:0; }
.presentation-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:600px) {
  .presentation-entry > button { padding:9px; font-size:11px; }
  .presentation-controls { gap:0; padding:5px; bottom:max(12px,env(safe-area-inset-bottom)); }
  .presentation-controls button { width:35px; height:37px; }
  .presentation-counter { min-width:52px; font-size:12px; }
  .presentation-hint { font-size:10px; padding:8px 10px; }
}
@media(prefers-reduced-motion:reduce) { .presentation-controls, .presentation-hint, .presentation-progress span { transition:none; } }