/* V8.11.3 — Focus Studio production UI. Visual-first, premium, low-clutter. */
#viewer.focus-layout-v894.immersive-viewer{
 --studio-line:rgba(133,190,226,.13);--studio-line-soft:rgba(133,190,226,.075);--studio-bg:#020509;--studio-panel:#07101a;--studio-panel-2:#0a1520;
 grid-template-rows:72px minmax(0,1fr) 58px!important;background:radial-gradient(1100px 620px at 50% -180px,rgba(25,116,184,.10),transparent 68%),#020509!important;
}
#viewer.focus-layout-v894.immersive-viewer .viewer-top{
 min-height:72px!important;padding:9px 18px!important;display:grid!important;grid-template-columns:auto minmax(220px,1fr) minmax(390px,520px) auto!important;grid-template-areas:'exit title timer controls'!important;gap:12px!important;align-items:center!important;
 background:linear-gradient(180deg,rgba(8,14,22,.99),rgba(4,8,13,.98))!important;border-bottom:1px solid var(--studio-line-soft)!important;box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
}
#viewer.focus-layout-v894.immersive-viewer .viewer-top>.exit-btn{grid-area:exit!important;min-height:42px!important;padding:0 14px!important;border-radius:13px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.08)!important;color:#9fb1c1!important}
#viewer.focus-layout-v894.immersive-viewer .viewer-top>.exit-btn:hover{color:#eef8ff!important;border-color:rgba(102,219,255,.24)!important;background:rgba(50,147,202,.06)!important}
#viewer.focus-layout-v894.immersive-viewer .viewer-title{grid-area:title!important;text-align:left!important;min-width:0!important;padding-left:2px!important}
#viewer.focus-layout-v894.immersive-viewer .viewer-title span{font-size:9px!important;letter-spacing:.13em!important;color:#618199!important;text-transform:uppercase!important}
#viewer.focus-layout-v894.immersive-viewer .viewer-title strong{margin-top:4px!important;font-size:16px!important;line-height:1.2!important;color:#eef7ff!important;letter-spacing:-.015em!important}
#viewer.focus-layout-v894.immersive-viewer .viewer-title small{display:none!important}
#viewer.focus-layout-v894.immersive-viewer .viewer-tools-toggle{grid-area:controls!important;min-width:72px!important;height:42px!important;border-radius:13px!important;border:1px solid rgba(102,219,255,.16)!important;background:rgba(28,100,143,.08)!important;color:#b9dff2!important}
#viewer.focus-layout-v894.immersive-viewer .viewer-tools-toggle:hover,#viewer.focus-layout-v894.immersive-viewer .viewer-tools-toggle:focus-visible{border-color:rgba(103,220,255,.42)!important;background:rgba(42,151,207,.12)!important;color:#f0fbff!important}
#viewer.focus-layout-v894.immersive-viewer .focus-save-status{display:none!important}
#viewer.focus-layout-v894.immersive-viewer .focus-save-status[data-status='failed'],#viewer.focus-layout-v894.immersive-viewer .focus-save-status[data-status='blocked']{display:block!important;position:fixed!important;right:14px;bottom:72px;z-index:130;padding:7px 10px!important;border-radius:10px;background:#30131a;color:#ffd5db!important;font-size:10px!important}

/* Focus timer: one strong bar, manually movable. */
#viewer.focus-layout-v894.immersive-viewer .viewer-top>.focus-timer{
 grid-area:timer!important;justify-self:end!important;width:clamp(390px,34vw,520px)!important;min-width:390px!important;max-width:100%!important;height:52px!important;padding:0 8px 0 14px!important;gap:9px!important;border-radius:16px!important;
 border:1px solid rgba(89,211,255,.25)!important;background:linear-gradient(135deg,rgba(10,31,47,.96),rgba(9,18,31,.96))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 30px rgba(0,0,0,.24)!important;cursor:grab;
}
#viewer.focus-layout-v894.immersive-viewer .focus-timer::after{height:2px!important}
#viewer.focus-layout-v894.immersive-viewer .focus-timer .timer-drag-handle{display:inline-flex;align-items:center;min-width:94px;height:34px;padding:0 2px;color:#73ddff;font-size:10px;font-weight:900;letter-spacing:.14em;line-height:1;white-space:nowrap;user-select:none;-webkit-user-select:none;touch-action:none;cursor:grab;outline:none}
#viewer.focus-layout-v894.immersive-viewer .focus-timer .timer-drag-handle:focus-visible{border-radius:8px;box-shadow:0 0 0 2px rgba(103,220,255,.42)}
#viewer.focus-layout-v894.immersive-viewer .focus-timer strong{font-size:20px!important;letter-spacing:.03em!important;font-variant-numeric:tabular-nums!important;color:#f5fbff!important}
#viewer.focus-layout-v894.immersive-viewer .focus-timer small{font-size:10px!important;color:#7890a4!important;white-space:nowrap!important}
#viewer.focus-layout-v894.immersive-viewer .focus-timer .timer-btn{height:34px!important;min-height:34px!important;padding:0 10px!important;border-radius:10px!important;font-size:10px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important;color:#bdcbd7!important;cursor:pointer}
#viewer.focus-layout-v894.immersive-viewer .focus-timer .timer-btn:hover{background:rgba(103,220,255,.08)!important;border-color:rgba(103,220,255,.22)!important;color:#effaff!important}
#viewer.focus-layout-v894.immersive-viewer .viewer-top>.focus-timer.timer-floating{position:fixed!important;left:var(--timer-left)!important;top:var(--timer-top)!important;right:auto!important;bottom:auto!important;z-index:140!important;width:clamp(390px,34vw,520px)!important;min-width:390px!important;max-width:calc(100vw - 16px)!important;margin:0!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 22px 60px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.04)!important}
#viewer.focus-layout-v894.immersive-viewer .focus-timer.timer-dragging,#viewer.focus-layout-v894.immersive-viewer .focus-timer.timer-dragging .timer-drag-handle{cursor:grabbing!important}
#viewer.focus-layout-v894.immersive-viewer .focus-timer.timer-floating.timer-dragging{border-color:rgba(103,220,255,.52)!important;box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 0 1px rgba(103,220,255,.10)!important}

/* Main workspace: framed slide, not a pile of floating chrome. */
#viewer.focus-layout-v894.immersive-viewer .viewer-body{min-height:0!important;background:linear-gradient(180deg,#020509,#03070c)!important}
#viewer.focus-layout-v894.immersive-viewer:not(.ai-open):not(.notes-open):not(.pathway-open):not(.recall-active):not(.recall-compare) .viewer-body{grid-template-columns:minmax(0,1fr)!important}
#viewer.focus-layout-v894.immersive-viewer:not(.ai-open) .chunk-rail{display:none!important}
#viewer.focus-layout-v894.immersive-viewer .slide-zone{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:34px 52px minmax(0,1fr) 40px!important;grid-template-areas:'information' 'tools' 'visual' 'inspection'!important;gap:9px!important;min-height:0!important;padding:12px 18px 12px!important;background:radial-gradient(900px 520px at 50% 44%,rgba(18,70,110,.055),transparent 72%),#020509!important;overflow:hidden!important}
#viewer.focus-layout-v894.immersive-viewer .visual-info{grid-area:information!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;min-height:34px!important;height:34px!important;margin:0!important;padding:0 4px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
#viewer.focus-layout-v894.immersive-viewer .visual-status-stack{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
#viewer.focus-layout-v894.immersive-viewer .memory-pill{min-height:30px!important;height:30px!important;padding:0 11px!important;border-radius:999px!important;border:1px solid rgba(100,216,255,.15)!important;background:rgba(19,77,111,.15)!important;color:#a9dff3!important;font-size:10px!important;letter-spacing:.02em!important}
#viewer.focus-layout-v894.immersive-viewer .memory-pill:hover{background:rgba(31,132,180,.16)!important;color:#eefaff!important;border-color:rgba(100,216,255,.30)!important}
#viewer.focus-layout-v894.immersive-viewer .immersive-study-dock{grid-area:tools!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;height:52px!important;min-height:52px!important;margin:0!important;padding:5px 7px!important;border:1px solid var(--studio-line-soft)!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(9,19,29,.96),rgba(6,12,19,.96))!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;overflow:visible!important}
#viewer.focus-layout-v894.immersive-viewer .immersive-study-dock .slide-tools-group{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;overflow:visible!important;padding:0!important}
#viewer.focus-layout-v894.immersive-viewer .immersive-study-dock .tool-pill{height:40px!important;min-height:40px!important;padding:0 13px!important;border-radius:11px!important;border:1px solid transparent!important;background:transparent!important;color:#8fa4b5!important;font-size:11px!important;font-weight:780!important}
#viewer.focus-layout-v894.immersive-viewer .immersive-study-dock .tool-pill:hover,#viewer.focus-layout-v894.immersive-viewer .immersive-study-dock .tool-pill:focus-visible{background:rgba(255,255,255,.045)!important;color:#edf8ff!important;border-color:rgba(255,255,255,.07)!important}
#viewer.focus-layout-v894.immersive-viewer .immersive-study-dock .tool-primary-ai{padding-inline:16px!important;border-color:rgba(84,210,255,.20)!important;background:linear-gradient(135deg,rgba(21,130,218,.13),rgba(92,74,208,.10))!important;color:#c7efff!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
#viewer.focus-layout-v894.immersive-viewer .immersive-study-dock .tool-primary-ai .spence-ai-mark{width:20px!important;height:20px!important;flex-basis:20px!important}
#viewer.focus-layout-v894.immersive-viewer .study-dock-note{display:none!important}
#viewer.focus-layout-v894.immersive-viewer .study-more{position:relative!important}
#viewer.focus-layout-v894.immersive-viewer .study-more-menu{top:46px!important;right:0!important;min-width:190px!important;padding:6px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.09)!important;background:rgba(7,13,21,.98)!important;box-shadow:0 24px 60px rgba(0,0,0,.52)!important}
#viewer.focus-layout-v894.immersive-viewer .study-more-menu .tool-pill{width:100%!important;justify-content:flex-start!important}
#viewer.focus-layout-v894.immersive-viewer #slide-viewport{grid-area:visual!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important;border:1px solid rgba(129,196,236,.12)!important;border-radius:18px!important;background:radial-gradient(800px 460px at 50% 50%,rgba(20,91,143,.06),transparent 70%),#000!important;box-shadow:0 22px 55px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.025)!important;overflow:hidden!important;isolation:isolate!important;touch-action:none!important;overscroll-behavior:contain!important}
#viewer.focus-layout-v894.immersive-viewer #slide-viewport.slide-drag-enabled{cursor:grab!important}
#viewer.focus-layout-v894.immersive-viewer #slide-viewport.slide-drag-enabled.is-dragging{cursor:grabbing!important}
#viewer.focus-layout-v894.immersive-viewer #slide-viewport.slide-drag-enabled .slide-image{-webkit-user-drag:none!important;user-drag:none!important}
#viewer.focus-layout-v894.immersive-viewer .immersive-zoom-dock{grid-area:inspection!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;height:40px!important;min-height:40px!important;margin:0!important;padding:3px 5px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:1px solid var(--studio-line-soft)!important;border-radius:13px!important;background:rgba(6,12,19,.86)!important;overflow:visible!important}
#viewer.focus-layout-v894.immersive-viewer .immersive-zoom-dock .inspect-left,#viewer.focus-layout-v894.immersive-viewer .immersive-zoom-dock .inspect-right{display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important}
#viewer.focus-layout-v894.immersive-viewer .immersive-zoom-dock button{height:31px!important;min-height:31px!important;min-width:31px!important;padding:0 9px!important;border-radius:9px!important;border:0!important;background:transparent!important;color:#8097a9!important;font-size:10px!important}
#viewer.focus-layout-v894.immersive-viewer .immersive-zoom-dock button:hover{background:rgba(255,255,255,.045)!important;color:#eef9ff!important}
#viewer.focus-layout-v894.immersive-viewer .immersive-zoom-dock .visual-report{display:flex!important;align-items:center!important;height:31px!important;padding:0 7px!important;color:#557185!important;font-size:9px!important}
#viewer.focus-layout-v894.immersive-viewer .source-zoom-status{margin-left:7px!important;color:#526d80!important;font-size:9px!important;white-space:nowrap!important}
#viewer.focus-layout-v894.immersive-viewer .pathway-cue{min-height:30px!important;height:30px!important;border-radius:9px!important}

/* Default Focus Studio state: secondary tools are collapsed until Tools is pressed. */
#viewer.focus-layout-v894.chrome-minimized:not(.recall-active):not(.recall-compare):not(.highlighter-active) .slide-zone{grid-template-rows:0 0 minmax(0,1fr) 0!important;gap:0!important;padding:14px 18px!important}
#viewer.focus-layout-v894.chrome-minimized:not(.recall-active):not(.recall-compare):not(.highlighter-active) :is(.visual-info,.immersive-study-dock,.immersive-zoom-dock){height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;overflow:hidden!important}
#viewer.focus-layout-v894.chrome-minimized.highlighter-active .slide-zone{grid-template-rows:0 0 minmax(0,1fr) 40px!important;gap:8px!important;padding:14px 18px 10px!important}
#viewer.focus-layout-v894.chrome-minimized.highlighter-active :is(.visual-info,.immersive-study-dock){height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
#viewer.focus-layout-v894.chrome-minimized.highlighter-active .immersive-zoom-dock{opacity:1!important;visibility:visible!important;pointer-events:auto!important}

/* Footer: calm navigation + Recall entry point. */
#viewer.focus-layout-v894.immersive-viewer .viewer-bottom.memory-nav{min-height:58px!important;height:58px!important;padding:7px 14px max(7px,env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:minmax(120px,1fr) minmax(180px,1fr) minmax(120px,1fr)!important;align-items:center!important;border-top:1px solid var(--studio-line-soft)!important;background:linear-gradient(180deg,rgba(4,8,13,.98),rgba(6,11,17,.99))!important;box-shadow:0 -12px 30px rgba(0,0,0,.18)!important}
#viewer.focus-layout-v894.immersive-viewer .viewer-bottom .nav-arrow{min-height:40px!important;height:40px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.02)!important;color:#8fa4b5!important;font-size:11px!important}
#viewer.focus-layout-v894.immersive-viewer .viewer-bottom .nav-arrow:hover{background:rgba(255,255,255,.045)!important;color:#eef8ff!important;border-color:rgba(100,216,255,.16)!important}
#viewer.focus-layout-v894.immersive-viewer .viewer-bottom .nav-primary{justify-self:end!important;min-width:120px!important;background:rgba(22,104,161,.12)!important;color:#c9efff!important;border-color:rgba(75,195,244,.14)!important}
#viewer.focus-layout-v894.immersive-viewer .session-position{display:grid!important;grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;align-items:center!important;justify-content:center!important;gap:3px 10px!important;color:#58758a!important;font-size:9px!important;font-weight:800!important}
#viewer.focus-layout-v894.immersive-viewer .session-position>span{grid-column:1!important;grid-row:1!important}
#viewer.focus-layout-v894.immersive-viewer .session-position>i{grid-column:1!important;grid-row:2!important;width:96px!important;height:3px!important}
#viewer.focus-layout-v894.immersive-viewer .memory-nav-recall{grid-column:2!important;grid-row:1/3!important;min-width:84px!important;height:36px!important;padding:0 12px!important;border-radius:999px!important;border:1px solid rgba(94,213,255,.18)!important;background:rgba(24,102,145,.10)!important;color:#a9def1!important;font-size:10px!important;font-weight:850!important;cursor:pointer!important}
#viewer.focus-layout-v894.immersive-viewer .memory-nav-recall:hover:not(:disabled){background:rgba(37,147,195,.15)!important;color:#effbff!important;border-color:rgba(94,213,255,.34)!important}
#viewer.focus-layout-v894.immersive-viewer .memory-nav-recall:disabled{opacity:.4;cursor:default!important}

/* Side panels remain docked, with a more premium boundary. */
#viewer.focus-layout-v894.immersive-viewer:not(.focus-mobile).ai-open .viewer-body{grid-template-columns:minmax(0,1fr) clamp(350px,var(--ai-width,420px),590px) var(--rail-w)!important}
#viewer.focus-layout-v894.immersive-viewer:not(.focus-mobile).notes-open .viewer-body,#viewer.focus-layout-v894.immersive-viewer:not(.focus-mobile).pathway-open .viewer-body{grid-template-columns:minmax(0,1fr) clamp(350px,29vw,470px)!important}
#viewer.focus-layout-v894.immersive-viewer :is(.ai-panel,.notes-panel,.pathway-panel){border-left:1px solid var(--studio-line)!important;background:linear-gradient(180deg,#08121d,#050a11)!important;box-shadow:-20px 0 50px rgba(0,0,0,.18)!important}

@media(max-width:980px){
 #viewer.focus-layout-v894.immersive-viewer .viewer-top{grid-template-columns:auto minmax(160px,1fr) minmax(330px,430px) auto!important;padding-inline:10px!important;gap:8px!important}
 #viewer.focus-layout-v894.immersive-viewer .viewer-top>.focus-timer{width:min(43vw,430px)!important;min-width:330px!important}
 #viewer.focus-layout-v894.immersive-viewer .viewer-title strong{font-size:14px!important}
}
@media(max-width:700px){
 #viewer.focus-layout-v894.immersive-viewer{grid-template-rows:108px minmax(0,1fr) 56px!important}
 #viewer.focus-layout-v894.immersive-viewer .viewer-top{min-height:108px!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:'exit title controls' 'timer timer timer'!important;grid-template-rows:44px 48px!important;padding:7px 8px!important;gap:3px 7px!important}
 #viewer.focus-layout-v894.immersive-viewer .viewer-title span{font-size:8px!important}#viewer.focus-layout-v894.immersive-viewer .viewer-title strong{font-size:12px!important}
 #viewer.focus-layout-v894.immersive-viewer .viewer-tools-toggle{min-width:48px!important;width:48px!important;height:38px!important;padding:0!important}#viewer.focus-layout-v894.immersive-viewer .viewer-tools-toggle b{display:none!important}
 #viewer.focus-layout-v894.immersive-viewer .viewer-top>.focus-timer{justify-self:stretch!important;width:100%!important;min-width:0!important;height:46px!important}
 #viewer.focus-layout-v894.immersive-viewer .focus-timer .timer-drag-handle{min-width:76px!important;font-size:9px!important}#viewer.focus-layout-v894.immersive-viewer .focus-timer strong{font-size:17px!important}#viewer.focus-layout-v894.immersive-viewer .focus-timer small{display:none!important}
 #viewer.focus-layout-v894.immersive-viewer .viewer-top>.focus-timer.timer-floating{width:min(94vw,520px)!important;min-width:0!important;max-width:calc(100vw - 16px)!important}
 #viewer.focus-layout-v894.immersive-viewer .slide-zone{grid-template-rows:32px 48px minmax(0,1fr) 38px!important;gap:6px!important;padding:8px!important}
 #viewer.focus-layout-v894.chrome-minimized:not(.recall-active):not(.recall-compare):not(.highlighter-active) .slide-zone{padding:8px!important}
 #viewer.focus-layout-v894.immersive-viewer .immersive-study-dock{height:48px!important;min-height:48px!important;padding:4px!important;overflow:hidden!important}
 #viewer.focus-layout-v894.immersive-viewer .immersive-study-dock .slide-tools-group{justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none!important}#viewer.focus-layout-v894.immersive-viewer .immersive-study-dock .slide-tools-group::-webkit-scrollbar{display:none!important}
 #viewer.focus-layout-v894.immersive-viewer .immersive-study-dock .tool-pill{height:38px!important;min-height:38px!important;padding:0 10px!important;font-size:9px!important;white-space:nowrap!important}
 #viewer.focus-layout-v894.immersive-viewer #slide-viewport{border-radius:14px!important}
 #viewer.focus-layout-v894.immersive-viewer .source-zoom-status{display:none!important}
 #viewer.focus-layout-v894.immersive-viewer .viewer-bottom.memory-nav{height:56px!important;min-height:56px!important;padding:6px 8px!important;grid-template-columns:1fr auto 1fr!important}
 #viewer.focus-layout-v894.immersive-viewer .viewer-bottom .nav-arrow{height:38px!important;min-height:38px!important;padding:0 9px!important;font-size:10px!important}
 #viewer.focus-layout-v894.immersive-viewer .session-position{grid-template-columns:auto!important}.session-position>span,.session-position>i{display:none!important}.memory-nav-recall{grid-column:1!important;grid-row:1!important;min-width:72px!important;height:34px!important}
}
@media(orientation:landscape) and (max-height:620px){
 #viewer.focus-layout-v894.immersive-viewer{grid-template-rows:56px minmax(0,1fr) 46px!important}
 #viewer.focus-layout-v894.immersive-viewer .viewer-top{min-height:56px!important;padding:5px 10px!important}
 #viewer.focus-layout-v894.immersive-viewer .viewer-top>.focus-timer{height:42px!important;min-width:330px!important;width:380px!important}
 #viewer.focus-layout-v894.immersive-viewer .focus-timer .timer-drag-handle{min-width:82px!important}.focus-timer strong{font-size:16px!important}.focus-timer small{display:none!important}
 #viewer.focus-layout-v894.immersive-viewer .slide-zone{grid-template-rows:28px 44px minmax(0,1fr) 34px!important;gap:5px!important;padding:7px 12px!important}
 #viewer.focus-layout-v894.chrome-minimized:not(.recall-active):not(.recall-compare):not(.highlighter-active) .slide-zone{padding:7px 12px!important}
 #viewer.focus-layout-v894.immersive-viewer .immersive-study-dock{height:44px!important;min-height:44px!important}.immersive-study-dock .tool-pill{height:34px!important;min-height:34px!important;font-size:9px!important}
 #viewer.focus-layout-v894.immersive-viewer .viewer-bottom.memory-nav{height:46px!important;min-height:46px!important;padding:3px 10px!important}
}
@media(prefers-reduced-motion:reduce){#viewer.focus-layout-v894.immersive-viewer *{scroll-behavior:auto!important}}