.grid-layout{background:#000;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box}.grid-layout>div:first-child,.grid-layout__track{width:100%;height:100%;box-sizing:border-box;will-change:transform}@media (min-width:769px){.grid-layout__cell{min-width:0;min-height:0;max-width:100%;max-height:100%;flex-shrink:0}}.grid-layout__pin-overlay{gap:8px;padding:8px;box-sizing:border-box}.video-stage .grid-layout{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%}.event-item--grid .grid-layout{position:relative!important;width:100%!important;height:100vh!important;min-height:100vh!important;max-width:100%!important;top:0!important;left:0!important;right:0!important;bottom:auto!important}@media (max-width:768px){.event-item--grid .grid-layout{height:auto!important;min-height:auto!important;max-height:none!important}}.grid-layout__cell{position:relative;overflow:hidden;cursor:pointer;background:#000;transition:transform .25s ease,outline .2s ease,box-shadow .25s ease;border-radius:0;border:none;will-change:transform;width:100%;height:100%;min-height:0;min-width:0;display:flex;align-items:stretch;z-index:1}.grid-layout__cell:hover{z-index:2;box-shadow:none}.grid-layout__video{width:100%;height:100%;min-width:100%;min-height:100%;z-index:1}.grid-layout__video,.grid-layout__video video{position:absolute;top:0;left:0;object-fit:cover;background:#000;display:block;visibility:visible;opacity:1;pointer-events:none}.grid-layout__video video{width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important}.grid-layout__video video[poster]{background-image:attr(poster)}.grid-layout__video-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.6);font-size:12px;text-align:center;z-index:1}.grid-layout__loading{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;background:transparent;z-index:2;pointer-events:none}.grid-layout__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;filter:drop-shadow(0 0 2px rgba(0,0,0,.7))}@keyframes spin{to{transform:rotate(1turn)}}.grid-layout__tap-overlay{position:absolute;inset:0;z-index:10;cursor:pointer;touch-action:manipulation;transition:background .2s ease}.grid-layout__tap-overlay.paused,.grid-layout__tap-overlay.playing{background:transparent}.grid-layout__expand-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;background:transparent;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;opacity:1;pointer-events:auto;transition:opacity .25s ease,background .2s ease,transform .2s ease}.grid-layout--3 .grid-layout__cell:nth-child(2) .grid-layout__expand-button{left:calc(50% - 60px);transform:translate(-50%,-50%)}@media (max-width:768px){.grid-layout__expand-button{width:56px;height:56px;background:transparent;border:none}.grid-layout__expand-button.hidden{opacity:0!important;pointer-events:none!important}.grid-layout__expand-button svg{width:28px;height:28px}.grid-layout__cell{cursor:default}}.grid-layout__expand-button:hover{background:transparent;transform:scale(1.1)}.grid-layout__expand-button:active{transform:scale(.95)}.grid-layout__cell-controls{position:absolute;bottom:10px;left:10px;z-index:50;display:flex;align-items:stretch;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.35);border-radius:11px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;pointer-events:none;opacity:0;transition:opacity .3s ease}.grid-layout__video-title{position:relative;display:flex;align-items:center;justify-content:center;min-width:26px;height:22px;background:none;border:none;border-radius:11px 0 0 11px;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s ease,transform .2s ease}.grid-layout__video-title:only-child{border-radius:11px}.grid-layout__video-title.is-open{color:#FDE100}.grid-layout__video-title svg{width:11px;height:11px;overflow:visible;stroke:rgba(0,0,0,.75);stroke-width:1.8px;filter:drop-shadow(0 1px 1px rgba(0,0,0,1)) drop-shadow(0 2px 4px rgba(0,0,0,.9))}.grid-layout__video-title:hover{color:#FDE100}.grid-layout__video-title:active{transform:scale(.92)}.grid-layout__video-title:before{content:"";position:absolute;inset:-8px 0 -8px -12px}.grid-layout__video-title:only-child:before{inset:-8px -12px}.grid-layout--show-controls .grid-layout__cell-controls{opacity:1;pointer-events:auto}@media (hover:hover){.grid-layout__cell:hover .grid-layout__cell-controls{opacity:1;pointer-events:auto}}.grid-layout--2{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;gap:8px}.grid-layout--2.grid-layout--expanded{grid-template-columns:1fr;grid-template-rows:1fr}.grid-layout--2.grid-layout--expanded .grid-layout__cell:not(.grid-layout__cell--focused){display:none}.grid-layout--2 .grid-layout__cell--focused{grid-column:1/-1;grid-row:1/-1;border-radius:0}.grid-layout--2 .grid-layout__cell{transition:transform .25s ease,order .25s ease}.grid-layout--2 .grid-layout__expand-button{opacity:0}.grid-layout--2 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--2.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout--3{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:8px}.grid-layout--3 .grid-layout__cell{transition:transform .25s ease}.grid-layout--3 .grid-layout__expand-button{opacity:0}.grid-layout--3 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--3.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout--4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:8px}.grid-layout--4.grid-layout--focused{grid-template-columns:1fr;grid-template-rows:1fr}.grid-layout--4.grid-layout--focused .grid-layout__cell:not(.grid-layout__cell--focused){display:none}.grid-layout--4 .grid-layout__cell--focused{grid-column:1/-1;grid-row:1/-1;border-radius:0}.grid-layout__focused-cell,.grid-layout__focused-view{width:100%;height:100%;position:relative}.grid-layout__back-button{position:absolute;top:20px;left:20px;background:rgba(0,0,0,.7);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;z-index:20;transition:background .2s ease,transform .2s ease}.grid-layout__back-button:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.grid-layout__back-button:active{transform:scale(.95)}.grid-layout--4 .grid-layout__expand-button{opacity:0}.grid-layout--4 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--4.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout--5{grid-template-columns:repeat(2,1fr);grid-template-rows:2fr 1fr 1fr}.grid-layout--5 .grid-layout__cell{min-width:0;min-height:0}.grid-layout--5 .grid-layout__cell:first-child{grid-column:1/-1}@media (min-width:769px){.grid-layout--6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}}@media (max-width:768px){.grid-layout--6{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}.grid-layout--6 .grid-layout__cell{min-width:0;min-height:0}.grid-layout--7{grid-template-columns:repeat(2,1fr);grid-template-rows:2fr 1fr 1fr 1fr;gap:4px}.grid-layout--7 .grid-layout__cell{min-width:0;min-height:0}.grid-layout--7 .grid-layout__cell:first-child{grid-column:1/-1}.grid-layout--7 .grid-layout__expand-button{opacity:.3}.grid-layout--7 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--7.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout--8{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:4px}.grid-layout--8 .grid-layout__expand-button{opacity:.4}.grid-layout--8 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--8.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout--9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px}.grid-layout--9 .grid-layout__cell--active{border:2px solid rgba(59,130,246,.8);box-shadow:0 0 12px rgba(59,130,246,.4)}.grid-layout--9 .grid-layout__cell--pinned{border:2px solid rgba(212,168,67,.8);box-shadow:0 0 12px rgba(212,168,67,.4)}.grid-layout--9 .grid-layout__cell:nth-child(5) .grid-layout__expand-button{top:calc(50% + 60px);left:50%;transform:translate(-50%,-50%)}.grid-layout--9 .grid-layout__expand-button{opacity:.3}.grid-layout--9 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--9.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout__transition--resize{transition:grid-column .25s ease,grid-row .25s ease,transform .25s ease}.grid-layout__transition--swap{transition:order .25s ease,transform .25s ease}.grid-layout__transition--focus{transition:opacity .25s ease,transform .25s ease}.grid-layout__transition--promote{transition:grid-column .25s ease,grid-row .25s ease,transform .25s ease}@media (max-width:768px){.grid-layout{gap:4px;padding:4px;min-height:0}.grid-layout__cell{min-height:0}.grid-layout__expand-button{width:36px;height:36px}.grid-layout__spinner{width:30px;height:30px}.grid-layout__swap-focus-btn,.grid-layout__video-title{min-width:32px;height:28px}.grid-layout__swap-focus-btn svg,.grid-layout__video-title svg{width:13px;height:13px}.grid-layout__back-button{width:40px;height:40px;top:15px;left:15px}}@media (max-width:480px){.grid-layout{gap:2px;padding:2px}.grid-layout__expand-button{width:32px;height:32px}.grid-layout__spinner{width:24px;height:24px}.grid-layout__swap-focus-btn,.grid-layout__video-title{min-width:32px;height:28px}.grid-layout__swap-focus-btn svg,.grid-layout__video-title svg{width:13px;height:13px}}@media (prefers-reduced-motion:reduce){.grid-layout,.grid-layout__back-button,.grid-layout__cell,.grid-layout__expand-button,.grid-layout__transition--focus,.grid-layout__transition--promote,.grid-layout__transition--resize,.grid-layout__transition--swap{transition:none}.grid-layout__spinner{animation:none;border-top-color:rgba(255,255,255,.5)}}.grid-layout__cell--empty{background:rgba(0,0,0,.3);border:1px dashed rgba(255,255,255,.1)}.grid-layout__cell--empty:hover{transform:none;border-color:rgba(255,255,255,.1)}@keyframes cell-resize-pop{0%{transform:scale(.82);opacity:.45}55%{transform:scale(1.05);opacity:1}75%{transform:scale(.97);opacity:1}to{transform:scale(1);opacity:1}}.grid-layout__cell--size-changing{animation:cell-resize-pop .4s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--cell-pop-delay,0s)}@media (prefers-reduced-motion:reduce){.grid-layout__cell--size-changing{animation:none}}@keyframes cell-join-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.grid-layout__cell--joining{animation:cell-join-in .42s ease-out .08s both}@media (prefers-reduced-motion:reduce){.grid-layout__cell--joining{animation:none}}.grid-layout--dominant>div:first-child{display:grid!important;transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1),grid-template-columns .38s cubic-bezier(.4,0,.2,1)}.grid-layout--dominant .grid-layout__cell--dominant{grid-row:1!important;grid-column:1/-1!important}.grid-layout--dominant .grid-layout__cell--secondary{grid-row:2!important;grid-column:auto!important}@media (max-width:768px){.grid-layout--dominant>div:first-child{grid-template-columns:1fr;grid-template-rows:70fr 30fr!important;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}.grid-layout--dominant .grid-layout__cell--dominant{grid-row:1!important;grid-column:1/-1!important;width:100%!important;max-width:100%!important}.grid-layout--dominant .grid-layout__cell--secondary{grid-row:2!important;grid-column:auto!important}}@keyframes cell-dominant-enter{0%{transform:scale(.96);opacity:.7}60%{transform:scale(1.01);opacity:1}to{transform:scale(1);opacity:1}}@keyframes cell-secondary-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid-layout__cell--dominant{animation:cell-dominant-enter .42s cubic-bezier(.34,1.56,.64,1) both}.grid-layout__cell--secondary{animation:cell-secondary-enter .32s ease-out both;animation-delay:.08s}.grid-layout__cell--focus-sticky{animation:cell-dominant-enter .42s cubic-bezier(.34,1.56,.64,1) both}.grid-layout__focus-shell{display:grid;position:relative;width:100%;height:100%;overflow:hidden;touch-action:pan-y pinch-zoom;will-change:auto;box-sizing:border-box;padding:0}.grid-layout__focus-resize-handle{position:absolute;left:96px;right:0;height:24px;margin-top:-12px;z-index:40;display:flex;align-items:center;justify-content:flex-end;touch-action:pan-y;cursor:row-resize}.grid-layout__focus-resize-handle--dragging{touch-action:none}.grid-layout__focus-resize-handle--handing-off{opacity:0;pointer-events:none;transition:opacity .16s ease}.grid-layout__focus-resize-handle:before{content:"";position:absolute;left:-80px;right:16px;height:2px;border-radius:999px;background:rgba(59,130,246,.75);box-shadow:0 0 10px rgba(59,130,246,.55);opacity:0;pointer-events:none;transition:opacity .12s ease}.grid-layout__focus-resize-grip{margin-right:20%;width:32px;height:16px;touch-action:none;display:flex;align-items:center;justify-content:center;border-radius:8px;color:rgba(255,255,255,.7);background:rgba(0,0,0,.35);box-shadow:0 1px 3px rgba(0,0,0,.4);transition:color .12s ease,background .12s ease,box-shadow .12s ease,transform .12s ease}.grid-layout__focus-resize-grip svg{width:18px;height:12px}.grid-layout__focus-resize-handle--dragging:before{opacity:1}.grid-layout__focus-resize-handle--dragging .grid-layout__focus-resize-grip{color:#3b82f6;background:rgba(59,130,246,.2);box-shadow:0 0 0 3px rgba(59,130,246,.2),0 0 16px rgba(59,130,246,.65);transform:scale(1.1)}.grid-layout__focus-shell--resizing .grid-layout__cell .grid-layout__cell-controls{opacity:0;pointer-events:none}.grid-layout__focus-shell.is-single{grid-template-rows:70fr 30fr}.grid-layout__focus-shell>.grid-layout__cell{grid-column:1;min-width:0;min-height:0}.grid-layout__focus-shell.is-single>.grid-layout__cell{grid-row:1}.grid-layout__focus-secondary-viewport{grid-column:1;min-width:0;min-height:0;overflow:hidden}.grid-layout__focus-shell.is-single .grid-layout__focus-secondary-viewport{grid-row:2}.grid-layout__focus-secondary-track{display:flex;width:100%;height:100%;will-change:transform}.grid-layout__focus-secondary-slide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:0 0 100%;min-width:0;height:100%}.grid-layout__focus-secondary-slide.is-single{grid-template-columns:minmax(0,1fr)}@keyframes exit-btn-appear{0%{opacity:0;transform:translateY(-10px) scale(.8)}65%{opacity:1;transform:translateY(2px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.grid-layout__swap-focus-btn{position:relative;display:flex;align-items:center;justify-content:center;min-width:26px;height:22px;background:none;border:none;border-left:1px solid rgba(255,255,255,.35);border-radius:0 11px 11px 0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:exit-btn-appear .35s cubic-bezier(.34,1.56,.64,1) both;transition:background .2s ease,opacity .2s ease}.grid-layout__swap-focus-btn:before{content:"";position:absolute;inset:-8px -12px -8px 0}.grid-layout__swap-focus-btn:hover{background:rgba(255,255,255,.12)}.grid-layout__swap-focus-btn:active{transform:scale(.96)}.grid-layout__swap-focus-btn svg{width:11px;height:11px;flex-shrink:0}.grid-layout__swap-focus-btn.grid-layout__swap-focus-btn--hidden{opacity:0!important;pointer-events:none!important}.grid-layout__show-all{position:absolute;bottom:12px;left:50%;z-index:20;padding:8px 18px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:rgba(255,255,255,.9);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .15s ease}.grid-layout__show-all:hover{background:rgba(255,255,255,.15)}.grid-layout__show-all:active{transform:translateX(-50%) scale(.95)}.grid-layout__cell--pinned-indicator{box-shadow:inset 0 0 0 2px rgba(234,179,8,.6),0 0 12px rgba(234,179,8,.2)}.grid-layout__cell--dominant-indicator{box-shadow:inset 0 0 0 2px rgba(59,130,246,.6),0 0 16px rgba(59,130,246,.25)}.grid-layout__cell--muted-indicator:after{content:"";position:absolute;top:8px;left:8px;z-index:12;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3Cpath d='M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6'/%3E%3Cpath d='M17 16.95A7 7 0 0 1 5 12v-2m14 0v2c0 .76-.13 1.49-.35 2.17'/%3E%3Cline x1='12' y1='19' x2='12' y2='23'/%3E%3Cline x1='8' y1='23' x2='16' y2='23'/%3E%3C/svg%3E") 50% /14px no-repeat}.grid-layout__cell--hiding{animation:cellHideOut .25s ease-out forwards}@keyframes cellHideOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.grid-layout__cell--hiding,.grid-layout__show-all{animation:none!important;transition:none!important}}.grid-layout__buffer-badge{position:absolute;top:6px;left:6px;z-index:30;padding:3px 7px;border-radius:4px;font:600 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;background:rgba(0,0,0,.75);pointer-events:none;white-space:nowrap}.grid-layout__buffer-badge--held{background:rgba(202,138,4,.9)}.grid-layout__buffer-badge--playing{background:rgba(21,128,61,.9)}.grid-layout__buffer-badge--paused{background:rgba(120,113,108,.9)}.grid-layout__buffer-badge--rebuffering{background:rgba(185,28,28,.9)}.grid-layout__buffer-badge--suspended{background:rgba(124,45,18,.9)}.grid-layout__cell--swap-dragging{opacity:.4;transform:scale(.94);transition:opacity .16s ease,transform .16s cubic-bezier(.2,.7,.3,1);z-index:2}.grid-layout__cell--swap-dragging:before{content:"";position:absolute;inset:4px;z-index:35;pointer-events:none;border:1.5px dashed rgba(148,163,184,.6);border-radius:8px;animation:swap-slot-vacate .2s ease-out both}@keyframes swap-slot-vacate{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.grid-layout__cell--swap-target:after{content:"";position:absolute;inset:0;z-index:35;pointer-events:none;border:2px dashed rgba(59,130,246,.75);border-radius:inherit;background:rgba(59,130,246,.06);transition:background .14s ease,border-color .14s ease,box-shadow .14s ease;animation:swap-target-breathe 1.4s ease-in-out infinite}@keyframes swap-target-breathe{0%,to{border-color:rgba(59,130,246,.45);background:rgba(59,130,246,.04)}50%{border-color:rgba(96,165,250,.95);background:rgba(59,130,246,.12)}}.grid-layout__cell--swap-over:after{animation:swap-target-lock .2s cubic-bezier(.2,.8,.25,1) both;border-style:solid;border-color:#3b82f6;background:rgba(59,130,246,.18);box-shadow:inset 0 0 24px rgba(59,130,246,.35)}@keyframes swap-target-lock{0%{box-shadow:inset 0 0 0 rgba(59,130,246,0)}60%{box-shadow:inset 0 0 44px rgba(59,130,246,.5)}to{box-shadow:inset 0 0 24px rgba(59,130,246,.35)}}.swap-ghost{position:fixed;z-index:3000;pointer-events:none;will-change:transform,opacity}.swap-ghost__inner{position:absolute;inset:0;border-radius:10px;overflow:hidden;background:#0b1220;border:2px solid rgba(148,163,184,.7);box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.4);transform:scale(.86) rotate(-1.5deg);transition:transform .16s cubic-bezier(.2,.8,.25,1),border-color .16s ease,box-shadow .16s ease;animation:swap-ghost-pickup .26s cubic-bezier(.2,.9,.3,1.25)}@keyframes swap-ghost-pickup{0%{transform:scale(1) rotate(0deg);box-shadow:0 0 0 rgba(0,0,0,0)}55%{transform:scale(.8) rotate(-2.5deg)}to{transform:scale(.86) rotate(-1.5deg)}}.swap-ghost--over .swap-ghost__inner{transform:scale(.8) rotate(0deg);border-color:#3b82f6;box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 0 3px rgba(59,130,246,.45)}.swap-ghost__media{position:absolute;inset:0}.swap-ghost__media canvas{width:100%;height:100%;object-fit:cover;display:block}.swap-ghost__badge{position:absolute;top:6px;left:6px;min-width:20px;padding:1px 6px;border-radius:999px;background:rgba(15,23,42,.85);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.swap-ghost--over .swap-ghost__badge{background:#3b82f6}@media (prefers-reduced-motion:reduce){.grid-layout__cell--swap-dragging:before,.grid-layout__cell--swap-over:after,.grid-layout__cell--swap-target:after,.swap-ghost__inner{animation:none}}@media (max-width:768px){.mcp-group{position:fixed;bottom:calc(16px + var(--safe-bottom, 0px));right:calc(16px + var(--safe-right, 0px));z-index:66;--mcp-sheet-bottom:0px}.mcp-group.replay-mode{bottom:calc(165px + var(--safe-bottom, 56px));--mcp-sheet-bottom:calc(157px + var(--safe-bottom, 56px))}.mcp-group.controls-hidden .mcp-toggle{opacity:0;pointer-events:none}.mcp-btn--guide:disabled{opacity:.42;cursor:not-allowed}.mcp-toggle{width:48px;height:48px;border-radius:50%;background:var(--viewer-gradient-accent);backdrop-filter:var(--viewer-blur-control);-webkit-backdrop-filter:var(--viewer-blur-control);border:1px solid var(--viewer-border-control-active);color:var(--viewer-text-on-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;outline:none;position:relative;box-shadow:var(--viewer-shadow-fab);transition:var(--viewer-transition-control)}.mcp-toggle:not(.is-open){background:linear-gradient(145deg,oklch(.76 .14 228/.38),oklch(.58 .18 228/.3));border-color:oklch(.84 .1 228/.5);color:oklch(.18 .02 250);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 0 2px oklch(.74 .13 228/.3),0 4px 14px -4px oklch(.74 .13 228/.5),inset 0 1.5px 0 oklch(1 0 0/.3)}.mcp-toggle:active{transform:scale(.9)}.mcp-toggle.is-open{background:var(--viewer-gradient-accent-hover);border-color:var(--viewer-border-control-active);box-shadow:var(--viewer-shadow-fab)}.mcp-toggle.is-open:active{transform:scale(.9)}.mcp-toggle-icon{position:absolute;display:flex;align-items:center;justify-content:center;transition:opacity .22s ease,transform .28s cubic-bezier(.34,1.56,.64,1)}.mcp-toggle-icon svg{width:20px;height:20px}.mcp-toggle-icon--grid{opacity:1;transform:rotate(0deg) scale(1)}.mcp-toggle-icon--close{opacity:0;transform:rotate(-45deg) scale(.5)}.mcp-toggle.is-open .mcp-toggle-icon--grid{opacity:0;transform:rotate(45deg) scale(.5)}.mcp-toggle.is-open .mcp-toggle-icon--close{opacity:1;transform:rotate(0deg) scale(1)}.mcp-overlay{position:fixed;inset:0;z-index:63;background:var(--viewer-overlay-light);backdrop-filter:var(--viewer-blur-overlay);-webkit-backdrop-filter:var(--viewer-blur-overlay);animation:mcpOverlayIn .2s ease forwards}@keyframes mcpOverlayIn{0%{opacity:0}to{opacity:1}}.mcp-sheet{position:fixed;left:0;right:0;bottom:var(--mcp-sheet-bottom,0);z-index:65;background:var(--viewer-surface-panel-strong);backdrop-filter:var(--viewer-blur-panel-strong);-webkit-backdrop-filter:var(--viewer-blur-panel-strong);border:1px solid var(--viewer-border-panel);border-bottom:none;border-radius:var(--viewer-radius-panel) var(--viewer-radius-panel) 0 0;padding:6px 14px 14px;padding-bottom:calc(14px + var(--safe-bottom, 0px));transform:translateY(110%);opacity:0;transition:transform var(--viewer-duration-medium) var(--viewer-ease-spring),opacity var(--viewer-duration-base) var(--viewer-ease-standard);pointer-events:none;box-shadow:0 -1px 0 var(--viewer-border-control-hover),0 -20px 50px rgba(var(--viewer-accent-rgb),.14)}.mcp-sheet.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.mcp-handle{width:36px;height:3px;background:var(--viewer-text-faint);border-radius:2px;margin:0 auto 12px}.mcp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 4px}.mcp-grid--replay{grid-template-columns:repeat(6,1fr)}.mcp-btn{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;background:none;border:none;color:var(--viewer-text-secondary);cursor:pointer;padding:2px 0;-webkit-tap-highlight-color:transparent;opacity:0;transform:scale(.7) translateY(6px);transition:opacity .26s var(--viewer-ease-spring),transform .26s var(--viewer-ease-spring),color var(--viewer-duration-fast) var(--viewer-ease-standard)}.mcp-sheet.is-open .mcp-btn{opacity:1;transform:scale(1) translateY(0)}.mcp-sheet.is-open .mcp-btn:first-child{transition-delay:25ms}.mcp-sheet.is-open .mcp-btn:nth-child(2){transition-delay:45ms}.mcp-sheet.is-open .mcp-btn:nth-child(3){transition-delay:65ms}.mcp-sheet.is-open .mcp-btn:nth-child(4){transition-delay:85ms}.mcp-sheet.is-open .mcp-btn:nth-child(5){transition-delay:105ms}.mcp-sheet.is-open .mcp-btn:nth-child(6){transition-delay:125ms}.mcp-sheet.is-open .mcp-btn:nth-child(7){transition-delay:145ms}.mcp-sheet.is-open .mcp-btn:nth-child(8){transition-delay:165ms}.mcp-sheet.is-open .mcp-btn:nth-child(9){transition-delay:185ms}.mcp-sheet.is-open .mcp-btn:nth-child(10){transition-delay:205ms}.mcp-sheet.is-open .mcp-btn:nth-child(11){transition-delay:225ms}.mcp-sheet.is-open .mcp-btn:nth-child(12){transition-delay:245ms}.mcp-sheet.is-open .mcp-btn:nth-child(13){transition-delay:265ms}.mcp-sheet.is-open .mcp-btn:nth-child(14){transition-delay:285ms}.mcp-btn--report:active .mcp-icon,.mcp-btn--report:hover .mcp-icon{color:#ff8f8f;border-color:rgba(233,84,84,.45)}.mcp-btn:active{transform:scale(.9)!important}.mcp-icon{width:44px;height:44px;border-radius:var(--viewer-radius-md);background:var(--viewer-surface-control);backdrop-filter:var(--viewer-blur-control);-webkit-backdrop-filter:var(--viewer-blur-control);border:1px solid var(--viewer-border-control);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;transition:var(--viewer-transition-control)}.mcp-icon svg{width:20px;height:20px}.mcp-btn:active .mcp-icon{background:var(--viewer-surface-control-hover)}.mcp-label{font-size:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1;opacity:.6;white-space:nowrap}.mcp-btn.is-active .mcp-icon{background:var(--viewer-surface-control-active);border-color:var(--viewer-border-control-active);box-shadow:var(--viewer-shadow-active)}.mcp-btn.is-active .mcp-label{color:var(--viewer-accent);opacity:1}.mcp-btn.is-active--teal .mcp-icon{background:rgba(var(--viewer-teal-rgb),.16);border-color:rgba(var(--viewer-teal-rgb),.42);box-shadow:0 0 12px rgba(var(--viewer-teal-rgb),.18)}.mcp-btn.is-active--teal .mcp-label{color:var(--viewer-teal);opacity:1}.mcp-btn.is-active--green .mcp-icon{background:rgba(var(--viewer-success-rgb),.16);border-color:rgba(var(--viewer-success-rgb),.42);box-shadow:0 0 12px rgba(var(--viewer-success-rgb),.18)}.mcp-btn.is-active--green .mcp-label{color:var(--viewer-success);opacity:1}.mcp-icon--seek{flex-direction:column;gap:1px}.mcp-icon--seek svg{width:16px;height:16px}.mcp-seek-badge{font-size:8px;font-weight:800;color:var(--viewer-text-secondary);line-height:1;letter-spacing:.02em}.mcp-icon--badge{position:relative}.mcp-badge{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:var(--viewer-danger-strong);color:var(--viewer-text-primary);font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}.mcp-btn--bvb .mcp-icon{background:rgba(var(--viewer-accent-rgb),.08);border-color:rgba(var(--viewer-accent-rgb),.3)}.mcp-btn--bvb:active .mcp-icon{background:rgba(var(--viewer-accent-rgb),.18);box-shadow:0 0 14px rgba(var(--viewer-accent-rgb),.22)}.mcp-btn--bvb .mcp-label{color:var(--viewer-accent);opacity:1}.mcp-grid-selector-wrap{display:flex;align-items:center;justify-content:center}.mcp-grid-selector-wrap .grid-view-selector__button{width:36px!important;height:36px!important;border-radius:10px!important;background:transparent!important;border:none!important;box-shadow:none!important;color:rgba(255,255,255,.75)!important;padding:0!important}.mcp-grid-selector-wrap .grid-view-selector__menu{left:50%!important;right:auto!important;bottom:calc(100% + 10px)!important;top:auto!important;transform:translateX(-50%)!important;z-index:10!important}.mcp-guide-invitation{position:absolute;right:0;bottom:calc(100% + 130px);width:220px;padding:10px 12px;border-radius:var(--viewer-radius-md);background:var(--viewer-surface-control);border:1px solid var(--viewer-border-control-active);box-shadow:0 10px 30px rgb(0 0 0/28%)}.mcp-guide-invitation p{margin:0 0 8px;font-size:12px;line-height:1.35;color:var(--viewer-text-primary)}.mcp-guide-invitation__actions{display:flex;gap:6px}.mcp-guide-invitation__actions button{padding:6px 10px;border-radius:var(--viewer-radius-md);border:1px solid var(--viewer-border-control);background:transparent;color:var(--viewer-text-primary);font-size:12px;cursor:pointer}.mcp-guide-invitation__actions button:first-child{background:var(--viewer-gradient-accent);color:var(--viewer-text-on-accent);border-color:var(--viewer-border-control-active)}}.p3d-notice{position:fixed;top:76px;left:50%;z-index:9998;display:flex;align-items:center;gap:9px;max-width:min(90vw,460px);padding:10px 16px;border-radius:14px;font-size:13px;line-height:1.45;color:#e6f7ec;background:rgba(12,20,16,.86);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 28px -12px rgba(0,0,0,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none;animation:p3d-notice-cycle 5s cubic-bezier(.22,1,.36,1) both}.p3d-notice-glyph{font-size:15px;flex:0 0 auto}@keyframes p3d-notice-cycle{0%{opacity:0;transform:translate(-50%,-10px)}6%{opacity:1;transform:translate(-50%)}88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@media (prefers-reduced-motion:reduce){.p3d-notice{animation:none;opacity:1;transform:translate(-50%)}}@media (max-width:600px){.p3d-notice{top:64px;font-size:12px;padding:9px 13px}}.cc-root{--cc-ink:oklch(0.97 0.005 240);--cc-accent:oklch(0.74 0.13 228);--cc-accent-ink:oklch(0.18 0.02 250);--cc-accent-glow:oklch(0.74 0.13 228/0.50);--cc-shadow-md:0 8px 24px -8px oklch(0 0 0/0.55);--cc-shadow-lg:0 20px 50px -12px oklch(0 0 0/0.70),0 4px 14px -6px oklch(0 0 0/0.5);--cc-ease:cubic-bezier(0.16,1,0.3,1);--cc-ease-back:cubic-bezier(0.34,1.5,0.5,1);position:fixed;top:var(--rn-safe-top,var(--safe-top,0));right:var(--safe-right,0);z-index:9999;pointer-events:none}.cc-stack{position:absolute;top:8px;right:10px;align-items:flex-end}.cc-cluster,.cc-stack{display:flex;flex-direction:column;gap:10px;pointer-events:none}.cc-cluster{position:relative;align-items:center;padding:9px 8px}.cc-arc{position:absolute;inset:0;border-radius:999px;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.14));backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid oklch(1 0 0/.14);box-shadow:-2px 2px 18px -8px oklch(0 0 0/.45),inset 0 1px 0 oklch(1 0 0/.12);pointer-events:none}.cc-ctrl{position:relative;display:grid;place-items:center;pointer-events:auto;width:34px;height:34px;flex:0 0 auto;padding:0;border-radius:50%;border:1px solid oklch(1 0 0/.2);background:linear-gradient(145deg,oklch(.32 .02 250/.34),oklch(.2 .014 250/.26));box-shadow:0 4px 14px -4px oklch(0 0 0/.55),inset 0 1.5px 0 oklch(1 0 0/.26),inset 0 -1px 0 oklch(0 0 0/.2);cursor:pointer;color:var(--cc-ink);-webkit-tap-highlight-color:transparent;transition:background .2s var(--cc-ease),transform .16s var(--cc-ease),box-shadow .2s var(--cc-ease)}.cc-ctrl svg{width:15px;height:15px;opacity:.88;transition:transform .3s var(--cc-ease-back)}.cc-ctrl:hover{background:linear-gradient(145deg,oklch(.38 .022 250/.62),oklch(.26 .016 250/.54))}.cc-ctrl:active{transform:scale(.88)}.cc-ctrl.cc-active{background:linear-gradient(145deg,oklch(.76 .14 228/.55),oklch(.58 .18 228/.47));color:var(--cc-accent-ink);border-color:oklch(.84 .1 228/.5);box-shadow:0 0 0 2px oklch(.74 .13 228/.3),0 4px 14px -4px var(--cc-accent-glow),inset 0 1.5px 0 oklch(1 0 0/.3)}.cc-ctrl.cc-grid-btn.cc-active svg{transform:rotate(45deg)}.cc-pitch-btn{position:relative;display:grid;place-items:center;pointer-events:auto;width:52px;height:52px;flex:0 0 auto;padding:0;border-radius:14px;border:none;background:none;box-shadow:0 6px 18px -6px oklch(0 0 0/.6);cursor:pointer;color:oklch(1 0 0/.95);-webkit-tap-highlight-color:transparent;transition:transform .16s var(--cc-ease),box-shadow .2s var(--cc-ease),filter .2s var(--cc-ease)}.cc-pitch-btn img,.cc-pitch-btn svg{width:100%;height:100%;object-fit:contain}.cc-pitch-btn:hover{filter:brightness(1.08)}.cc-pitch-btn:active{transform:scale(.9)}.cc-pitch-btn.cc-active{box-shadow:0 0 0 2px oklch(.84 .18 145/.45),0 6px 18px -6px oklch(.74 .2 145/.55),inset 0 1.5px 0 oklch(1 0 0/.3)}.cc-pitch-btn--analysis{padding:13px}.cc-pitch-icon--muted{filter:grayscale(1) brightness(.72);opacity:.85}.cc-spin-wrap{position:absolute;top:0;right:66px;width:184px;height:184px;pointer-events:none;opacity:0;transform:scale(.68) translateX(40px);transform-origin:right center;transition:opacity .28s var(--cc-ease),transform .44s var(--cc-ease-back)}.cc-spin-wrap.cc-open{pointer-events:auto;opacity:1;transform:scale(1) translateX(0)}.cc-spin-disk{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at center,oklch(.2 .018 250/.7) 0,oklch(.14 .012 250/.6) 65%,transparent 100%);border:1px solid oklch(1 0 0/.08);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);box-shadow:0 8px 40px -12px oklch(0 0 0/.55)}.cc-spin-track{position:absolute;inset:6px;border-radius:50%;border:1px solid oklch(1 0 0/.09);background:conic-gradient(from 80deg,oklch(.74 .13 228/.1) 0deg 20deg,transparent 20deg 340deg,oklch(.74 .13 228/.1) 340deg 1turn)}.cc-sel-mark{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:flex;align-items:center;gap:3px;pointer-events:none;z-index:3}.cc-sel-dot{width:6px;height:6px;border-radius:50%;background:var(--cc-accent);box-shadow:0 0 8px var(--cc-accent-glow),0 0 3px var(--cc-accent);animation:cc-sel-pulse 1.6s ease-in-out infinite;flex-shrink:0}@keyframes cc-sel-pulse{0%,to{box-shadow:0 0 8px var(--cc-accent-glow),0 0 3px var(--cc-accent);transform:scale(1)}50%{box-shadow:0 0 14px var(--cc-accent-glow),0 0 6px var(--cc-accent);transform:scale(1.25)}}.cc-sel-arrow{display:block;flex-shrink:0;filter:drop-shadow(0 0 4px var(--cc-accent-glow))}.cc-spin-ring{position:absolute;inset:0;border-radius:50%;cursor:grab;will-change:transform;touch-action:none;user-select:none;-webkit-user-select:none}.cc-spin-ring.cc-dragging{cursor:grabbing}.cc-snode{position:absolute;left:50%;top:50%;width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(148deg,oklch(.3 .018 250/.95),oklch(.18 .012 250/.88));border:1px solid oklch(1 0 0/.15);box-shadow:var(--cc-shadow-md),inset 0 1px 0 oklch(1 0 0/.22),inset 0 -1px 0 oklch(0 0 0/.18);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);cursor:pointer;will-change:transform;touch-action:none;-webkit-tap-highlight-color:transparent;transition:border-color .18s,background .18s,box-shadow .18s}.cc-snode.cc-at-sel{background:linear-gradient(148deg,oklch(.66 .14 228/.93),oklch(.52 .16 228/.86));border-color:oklch(.84 .1 228/.72);box-shadow:0 0 0 2px var(--cc-accent),0 10px 28px -8px var(--cc-accent-glow),inset 0 1px 0 oklch(1 0 0/.3)}.cc-snode.cc-at-sel .cc-cell{background:oklch(1 0 0/.95)}@keyframes cc-node-tick{0%{scale:1}40%{scale:1.2}to{scale:1}}.cc-snode.cc-tick{animation:cc-node-tick .24s var(--cc-ease-back)}.cc-glyph{width:26px;height:26px;display:grid;gap:2.5px;pointer-events:none;flex-shrink:0}.cc-cell{border-radius:2.5px;background:oklch(.58 .012 250);transition:background .18s}.cc-snode:not(.cc-at-sel):hover .cc-cell{background:oklch(.74 .012 250)}.cc-spin-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(148deg,oklch(.28 .022 250/.97),oklch(.16 .015 250/.94));border:1.5px solid oklch(1 0 0/.22);box-shadow:var(--cc-shadow-lg),inset 0 1.5px 0 oklch(1 0 0/.26),inset 0 -1px 0 oklch(0 0 0/.2),0 0 0 8px oklch(0 0 0/.15);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);cursor:pointer;transition:transform .18s var(--cc-ease),box-shadow .18s var(--cc-ease);padding:0 6px;text-align:center}.cc-spin-hub:hover{transform:translate(-50%,-50%) scale(1.07)}.cc-spin-hub:active{transform:translate(-50%,-50%) scale(.93)}.cc-hub-kicker{font-size:6.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cc-accent);line-height:1}.cc-hub-name{font-size:10px;font-weight:800;color:var(--cc-ink);line-height:1.2}@media (prefers-reduced-motion:reduce){.cc-snode,.cc-spin-hub,.cc-spin-wrap{transition:opacity .12s linear!important}.cc-snode.cc-tick{animation:none!important}}.pip-panel{background:#0d0d0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 48px rgba(0,0,0,.8),0 4px 16px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.04);overflow:hidden;display:flex;flex-direction:column;user-select:none;width:100%;height:100%;box-sizing:border-box}.pip-panel__titlebar{height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 12px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.07);cursor:grab;gap:8px}.pip-panel__titlebar:active{cursor:grabbing}.pip-panel__pin-icon{font-size:12px;opacity:.7;flex-shrink:0}.pip-panel__title{color:rgba(255,255,255,.75);font-size:11px;font-weight:600;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.pip-panel__header-controls{gap:10px}.pip-panel__btn,.pip-panel__header-controls{display:flex;align-items:center;flex-shrink:0}.pip-panel__btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);font-size:14px;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;padding:0;line-height:1}.pip-panel__btn:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);transform:scale(1.1)}.pip-panel__btn--close:hover{background:rgba(255,70,70,.55);border-color:rgba(255,100,100,.5)}.pip-panel__btn--expand:hover{background:rgba(100,180,255,.35);border-color:rgba(130,200,255,.5)}.pip-panel__btn--rotate:hover{background:rgba(160,120,255,.35);border-color:rgba(180,140,255,.5)}.pip-panel__video-area{flex:1;position:relative;overflow:hidden;background:#000;min-height:0;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.pip-panel__video-area .grid-layout__video,.pip-panel__video-area video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.pip-tap-capture{position:absolute;inset:0;z-index:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pip-overlay{position:absolute;inset:0;z-index:2;gap:14px;background:transparent;pointer-events:auto}.pip-overlay,.pip-overlay__btn{display:flex;align-items:center;justify-content:center}.pip-overlay__btn{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.4);box-shadow:0 4px 20px rgba(0,0,0,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pip-overlay__btn:hover{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.7)}.pip-overlay__btn:active{transform:scale(.84)}.pip-panel__resize-btn{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);cursor:se-resize;transition:background .15s,opacity .15s;opacity:.55;position:absolute;right:3px;bottom:3px}.pip-panel__resize-btn:hover{opacity:1;background:rgba(255,255,255,.28)}.focused-demo-tour{position:fixed;z-index:10000;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:transparent;color:#fff;pointer-events:none}.focused-demo-tour::backdrop{background:rgb(0 0 0/18%)}.focused-demo-overlay{position:fixed;z-index:0;inset:0;background:rgb(0 0 0/45%);pointer-events:none}.focused-demo-card{position:fixed;z-index:2;width:min(280px,calc(100vw - 24px));padding:12px;border:1px solid rgb(255 255 255/20%);border-radius:14px;background:rgb(13 18 28/10%);box-shadow:0 10px 30px rgb(0 0 0/28%);backdrop-filter:blur(12px);text-shadow:0 1px 3px rgb(0 0 0/90%);pointer-events:auto}.focused-demo-card--home{width:min(340px,calc(100vw - 24px))}.focused-demo-card--center{top:50%;left:50%;transform:translate(-50%,-50%)}.focused-demo-home__subtitle{margin:10px 0 6px;font-size:13px;color:rgb(255 255 255/70%)}.focused-demo-home__cta{width:100%;padding:10px;border:1px solid rgb(105 154 255/70%);border-radius:9px;background:rgb(62 112 224/88%);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.focused-demo-home__card:disabled,.focused-demo-home__cta:disabled{opacity:.42;cursor:not-allowed}.focused-demo-home__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.focused-demo-home__card{padding:8px 6px;border:1px solid rgb(255 255 255/30%);border-radius:9px;background:rgb(13 18 28/82%);color:#fff;font:inherit;font-size:13px;cursor:pointer}.focused-demo-card--top-left{top:max(12px,env(safe-area-inset-top));left:12px}.focused-demo-card--top-right{top:max(12px,env(safe-area-inset-top));right:12px}.focused-demo-card--bottom-left{bottom:max(12px,env(safe-area-inset-bottom));left:12px}.focused-demo-card--bottom-right{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.focused-demo-card__topline{display:flex;gap:10px;align-items:center;justify-content:space-between;color:rgb(255 255 255/70%);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.focused-demo-card h2{margin:8px 0 4px;color:#fff;font-size:18px;line-height:1.25}.focused-demo-card p{min-height:32px;margin:0;color:rgb(255 255 255/94%);font-size:14px;line-height:1.4}.focused-demo-card p:empty{display:none}.focused-demo-progress{display:flex;gap:3px;width:78px}.focused-demo-progress span{height:3px;flex:1;border-radius:99px;background:rgb(255 255 255/18%)}.focused-demo-progress .is-done{background:rgb(105 154 255/70%)}.focused-demo-progress .is-current{background:#fff}.focused-demo-actions{display:flex;gap:6px;margin-top:10px}.focused-demo-actions button,.focused-demo-exit-only{min-height:32px;padding:5px 10px;border:1px solid rgb(255 255 255/30%);border-radius:9px;background:rgb(13 18 28/82%);color:#fff;font:inherit;font-size:13px;cursor:pointer}.focused-demo-actions button:first-child{border-color:rgb(105 154 255/70%);background:rgb(62 112 224/88%)}.focused-demo-actions button:focus-visible,.focused-demo-exit-only:focus-visible{outline:2px solid #8ab2ff;outline-offset:2px}.focused-demo-exit-only{margin-top:10px}.focused-demo-loader{display:block;width:18px;height:18px;margin-top:8px;border:2px solid rgb(255 255 255/24%);border-top-color:#fff;border-radius:50%;animation:focused-demo-spin .7s linear infinite}.focused-demo-pointer{position:fixed;z-index:1;width:96px;height:96px;transform:translateZ(0);pointer-events:none}.focused-demo-pointer img{position:absolute;top:-9px;left:-40px;width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 3px 7px rgb(0 0 0/35%));transform:rotate(var(--demo-pointer-rotation));transform-origin:40px 9px;user-select:none}.focused-demo-pointer:before{position:absolute;top:-11px;left:-11px;width:22px;height:22px;border:2px solid rgb(255 255 255/90%);border-radius:50%;background:rgb(96 143 245/28%);box-shadow:0 0 0 4px rgb(96 143 245/16%);content:""}.focused-demo-pointer__label{position:absolute;top:-18px;left:16px;padding:2px 7px;border-radius:99px;background:rgb(13 18 28/88%);color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.focused-demo-pointer--double-tap:before{animation:focused-demo-double-tap .55s ease-in-out 2}.focused-demo-pointer--hold:before,.focused-demo-pointer--point:before{animation:focused-demo-hold 1s ease-in-out infinite}.focused-demo-pointer--move{animation:focused-demo-move var(--demo-pointer-duration) ease-in-out forwards}@keyframes focused-demo-spin{to{transform:rotate(1turn)}}@keyframes focused-demo-double-tap{0%,to{opacity:.55;transform:scale(.72)}45%{opacity:1;transform:scale(1.12)}}@keyframes focused-demo-hold{0%,to{opacity:.65;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@keyframes focused-demo-move{0%{transform:translateZ(0)}to{transform:translate3d(var(--demo-pointer-dx),var(--demo-pointer-dy),0)}}@media (max-width:480px){.focused-demo-card{width:min(244px,calc(100vw - 20px));padding:10px}.focused-demo-card h2{font-size:16px}.focused-demo-card p{font-size:12.5px}.focused-demo-pointer{width:80px;height:80px}.focused-demo-pointer img{top:-8px;left:-34px;width:80px;height:80px;transform-origin:34px 8px}}@media (prefers-reduced-motion:reduce){.focused-demo-pointer--move{animation-name:focused-demo-move-reduced;animation-duration:.32s}.focused-demo-pointer--double-tap:before,.focused-demo-pointer--hold:before,.focused-demo-pointer--point:before{animation-duration:.32s;animation-iteration-count:1}.focused-demo-loader{animation-duration:1.2s}}@keyframes focused-demo-move-reduced{0%{opacity:1;transform:translateZ(0)}49%{opacity:0;transform:translateZ(0)}51%{opacity:0;transform:translate3d(var(--demo-pointer-dx),var(--demo-pointer-dy),0)}to{opacity:1;transform:translate3d(var(--demo-pointer-dx),var(--demo-pointer-dy),0)}}.highlight-viewer--grid-mode{width:100vw;height:100vh;overflow:hidden;position:relative}.highlight-viewer--grid-mode .event-scroll-container{display:none}@keyframes fadeInGrid{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.grid-layout{animation:fadeInGrid .3s ease-out}.highlight-viewer__transition--to-grid{animation:fadeOutSingle .25s ease-out}@keyframes fadeOutSingle{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.highlight-viewer__transition--to-single{animation:fadeOutGrid .25s ease-out}@keyframes fadeOutGrid{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95) rotate(2deg)}}.grid-mode__loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.grid-mode__loading-content{text-align:center;color:white}.grid-mode__loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}.grid-mode__loading-text{font-size:16px;font-weight:500;margin-bottom:10px}.grid-mode__loading-progress{font-size:14px;color:rgba(255,255,255,.7)}.grid-mode__controls{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);border-radius:12px;padding:12px 20px;display:flex;align-items:center;gap:16px;z-index:1000;animation:slideUpFade .3s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.grid-mode__control-button{background:transparent;border:none;color:white;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.grid-mode__control-button:hover{background:rgba(255,255,255,.1)}.grid-mode__control-button:active{background:rgba(255,255,255,.2)}.grid-mode__control-button--muted{color:rgba(255,255,255,.5)}.grid-mode__page-indicator{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);border-radius:20px;padding:8px 16px;color:white;font-size:14px;font-weight:500;z-index:1000;animation:slideDownFade .3s ease-out}@keyframes slideDownFade{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.grid-mode__controls{padding:10px 16px;gap:12px;bottom:15px}.grid-mode__control-button{font-size:20px;padding:6px}.grid-mode__page-indicator{top:15px;padding:6px 12px;font-size:12px}}@media (max-width:480px){.grid-mode__controls{padding:8px 12px;gap:10px;bottom:10px}.grid-mode__control-button{font-size:18px;padding:4px}.grid-mode__page-indicator{top:10px;padding:4px 10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.grid-layout,.grid-mode__controls,.grid-mode__loading-overlay,.grid-mode__page-indicator,.highlight-viewer__transition--to-grid,.highlight-viewer__transition--to-single{animation:none}.grid-mode__loading-spinner{animation:none;border-top-color:rgba(255,255,255,.5)}}