#tour-shade{width:100%;height:100%;z-index:var(--op-z-modal);pointer-events:none;position:fixed;inset:0;overflow:visible}#tour-shade[hidden]{display:none}#tour-shade .shade{fill:var(--op-bg);opacity:.91}#tour-shade .ring{fill:none;stroke:var(--op-phosphor);stroke-width:calc(var(--op-border-width) * 2);animation:tour-pulse calc(var(--op-dur-slow) * 6) var(--op-ease) infinite}@keyframes tour-pulse{0%,to{opacity:.28}50%{opacity:1}}#tour-guide{z-index:calc(var(--op-z-modal) + 1);max-height:none;width:min(380px,calc(100vw - var(--op-space-xl) * 2));border-radius:var(--op-radius-md);box-shadow:var(--op-shadow-none);background:var(--op-surface-panel);border:var(--op-rule-strong);color:var(--op-off-white);position:fixed;overflow:visible}#tour-guide .op-module-head{padding:var(--op-space-md);gap:var(--op-space-sm);align-items:flex-start}#tour-guide .op-module-title{font-size:var(--op-size-title);font-family:var(--op-font-display)}#tour-guide .op-module-body{padding:0 var(--op-space-md) var(--op-space-md)}#tour-guide p{font:var(--op-size-body)/var(--op-lh-body) var(--op-font-body);margin:0 0 var(--op-space-md);color:var(--op-off-white)}#tour-guide .tour-keys{gap:var(--op-space-sm);margin-bottom:var(--op-space-md);flex-wrap:wrap;display:flex}#tour-guide .keycap{min-height:var(--op-hit-touch);min-width:var(--op-hit-touch);padding:var(--op-space-sm);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex}#tour-guide .keycap .cap-sub{font-size:var(--op-size-meta)}#tour-guide .tour-actions{gap:var(--op-space-sm);margin-bottom:var(--op-space-md);flex-wrap:wrap;display:flex}#tour-guide .op-key{min-height:var(--op-hit-touch)}#tour-guide .tour-foot{gap:var(--op-space-sm);border-top:var(--op-rule);padding:var(--op-space-md);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}#tour-guide .tour-nav{justify-content:center;gap:var(--op-space-sm);width:100%;display:flex}#tour-guide .tour-quiet{background:var(--op-ghost-field);color:var(--op-off-white);border:var(--op-rule);box-shadow:var(--op-shadow-none)}#tour-guide .tour-status{min-height:var(--op-space-xl);font:var(--op-size-meta)/var(--op-lh-body) var(--op-font-body);color:var(--op-off-white)}#tour-guide details{font:var(--op-size-meta)/var(--op-lh-body) var(--op-font-body);margin-top:var(--op-space-sm)}#tour-guide summary{cursor:pointer;min-height:var(--op-hit-touch)}#tour-guide button:focus-visible,#tour-guide select:focus-visible{outline:var(--op-focus-ring);outline-offset:var(--op-focus-offset)}body.op-tv-walkthrough #vfx-panel{max-height:calc(100dvh - var(--op-vcr-safe-space));z-index:calc(var(--op-z-modal) - 1);overflow:auto;position:fixed!important;bottom:auto!important;transform:none!important}body.op-tv-walkthrough #hotkeys-teaser{display:none!important}body.op-tv-walkthrough #vfx-panel .hk-label{display:none}@media (width<=1000px){#tour-guide{border-radius:var(--op-radius-none);max-height:42dvh;overflow:visible}#tour-guide .tour-keys{display:none}#tour-guide .op-module-head,#tour-guide .tour-foot{padding:var(--op-space-sm) var(--op-space-md)}#tour-guide .op-module-body{padding-bottom:var(--op-space-sm);overflow:visible}#tour-guide p{font-size:var(--op-size-body-touch)}body.op-tv-walkthrough #vfx-panel{max-height:32dvh;left:0!important;right:0!important;top:calc(var(--op-bar-h) + 25dvh)!important;width:100%!important}}@media (prefers-reduced-motion:reduce){#tour-shade .ring{opacity:1;animation:none}#tour-guide,#tour-guide *{transition:none!important}}#tour-guide{transition:transform var(--op-dur-slow) var(--op-ease);flex-direction:column;display:flex}#tour-guide[hidden]{display:none}#tour-guide .op-module-head,#tour-guide .tour-foot{flex-shrink:0}#tour-guide .op-module-body{min-height:var(--op-hit-touch);overflow:visible}#tour-guide.tour-compact details,#tour-guide.tour-compact .tour-status{display:none}#tour-guide.tour-compact .op-module-head,#tour-guide.tour-compact .tour-foot{padding:var(--op-space-sm)}#tour-guide.tour-collapsed{flex-direction:row;align-items:center}#tour-guide.tour-collapsed .op-module-body{display:none}#tour-guide.tour-collapsed .op-module-head{padding:var(--op-space-xs);flex:1}#tour-guide.tour-collapsed .tour-foot{padding:var(--op-space-xs);border:0}#tour-hold-zones{z-index:calc(var(--op-z-modal) + 1);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed}#tour-hold-zones[hidden]{display:none}.tour-hold{align-items:center;gap:var(--op-space-sm);width:33.333%;color:var(--op-phosphor);flex-direction:column;display:flex}.tour-hold svg{width:var(--op-hit-touch);height:var(--op-hit-touch);fill:none;stroke:currentColor;stroke-width:calc(var(--op-border-width) * 2);overflow:visible}.tour-hold .hold-track{opacity:.35}.tour-hold .hold-progress{stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--hold-progress,0));transform-origin:50%;transform:rotate(-90deg)}.tour-hold span{text-align:center;font:var(--op-size-meta)/var(--op-lh-body) var(--op-font-mono);background:var(--op-bg);padding:var(--op-space-xs)}.tour-hold.is-holding .hold-track{opacity:1}@media (prefers-reduced-motion:reduce){.tour-hold .hold-progress{stroke-dasharray:none;opacity:0}.tour-hold.is-holding .hold-progress{opacity:1}}#tour-touch-cues{z-index:calc(var(--op-z-modal) + 2);pointer-events:none;position:fixed;inset:0}.tour-touch-ring{width:var(--op-hit-touch);height:var(--op-hit-touch);color:var(--op-phosphor);position:absolute;transform:translate(-50%,-50%)}.tour-touch-ring svg{fill:none;stroke:currentColor;width:100%;height:100%;stroke-width:calc(var(--op-border-width) * 2);animation:tour-pulse calc(var(--op-dur-slow) * 6) var(--op-ease) infinite}.tour-touch-ring--drag svg{animation:tour-drag calc(var(--op-dur-slow) * 6) var(--op-ease) infinite}.tour-touch-ring span{font:var(--op-size-title)/var(--op-lh-body) var(--op-font-mono);position:absolute;top:0;left:100%}@keyframes tour-drag{0%,to{opacity:1;transform:translateY(0)}50%{transform:translateY(var(--op-space-md));opacity:.35}}@media (prefers-reduced-motion:reduce){.tour-touch-ring svg{animation:none}}#tour-guide.tour-collapsed .tour-nav{width:auto}.tour-touch-ring svg{overflow:visible}.touch-halo{filter:blur(var(--op-space-xs));opacity:.7}#tour-guide .tour-progress{justify-content:center;gap:var(--op-space-sm);width:100%;padding-top:var(--op-space-xs);display:flex}#tour-guide .tour-dot{width:var(--op-space-sm);height:var(--op-space-sm);border:var(--op-rule-strong);border-radius:var(--op-radius-pill);background:0 0}#tour-guide .tour-dot.is-current{background:var(--op-off-white)}#tour-guide.tour-collapsed .tour-progress,#tour-guide .tour-status:empty{display:none}#tour-guide .tour-exit{background:var(--op-danger-bg);color:var(--op-danger-fg);border:var(--op-rule-strong)}#tour-guide .tour-mode-choices{gap:var(--op-space-sm);margin-bottom:var(--op-space-md);display:flex}#tour-guide .tour-mode-choices .op-key{align-items:flex-start;gap:var(--op-space-xs);text-align:left;flex-direction:column;flex:1;display:flex}#tour-guide .tour-mode-choices .op-key span{font:var(--op-size-meta)/var(--op-lh-body) var(--op-font-body)}#tour-guide .tour-mode-choices .op-key[aria-pressed=true]{background:var(--op-action-bg);color:var(--op-action-fg);outline:var(--op-focus-ring);outline-offset:var(--op-focus-offset)}#tour-guide .tour-hue{align-items:center;gap:var(--op-space-md);margin-bottom:var(--op-space-md);display:flex}#tour-guide .tour-hue input{flex:1;min-width:0}#tour-guide .tour-mode-location{font-size:var(--op-size-meta)}#tour-guide .tour-inline-add{min-width:var(--op-space-xl);min-height:var(--op-space-xl);margin-inline:var(--op-space-xs);background:var(--op-action-bg);color:var(--op-action-fg);border:var(--op-rule);font-family:var(--op-font-mono);font-weight:var(--op-weight-bold);vertical-align:middle;justify-content:center;align-items:center;line-height:1;display:inline-flex}#tour-guide .tour-hue .op-prefs-hue-val{min-width:calc(var(--op-space-xl) * 2);text-align:right;font:var(--op-size-meta)/var(--op-lh-body) var(--op-font-mono);flex:none}@media (width<=1000px){body.tour-add-step #app{overflow:hidden!important}body.tour-add-step #btn-queue-pull{outline:var(--op-focus-ring);outline-offset:var(--op-focus-offset);filter:drop-shadow(0 0 var(--op-space-sm) var(--op-phosphor))}body.tour-modes-step .op-queue-osd--full{width:calc(100vw - var(--op-space-xl) * 2);max-width:none;padding:var(--op-space-sm) var(--op-space-md);font-size:var(--op-size-body-touch)}body.tour-queue-step #op-bar-sheet{max-height:calc(var(--op-vcr-h) + var(--op-hit-touch) * 6)}}@media (width>=1001px){#tour-guide .keycap{width:var(--op-hit-touch);height:var(--op-hit-touch);min-width:var(--op-hit-touch);padding:var(--op-space-xs);transition:transform var(--op-dur-fast),border-bottom-width var(--op-dur-fast),filter var(--op-dur-fast);flex:none}#tour-guide .keycap:hover:not(:active,.pressed){filter:brightness(1.06)}#tour-guide .keycap .cap-main{font-size:var(--op-size-title);line-height:1}#tour-guide .keycap .cap-sub{text-align:center}#tour-guide .keycap[data-tour-key=\ ]{width:calc(var(--op-hit-touch) * 2 + var(--op-space-sm))}#tour-guide .tour-keys--arrows{grid-template-columns:repeat(5,var(--op-hit-touch));grid-template-areas:". . .up.""sp sp left down right";display:grid}#tour-guide .tour-keys--arrows .keycap[data-tour-key=\ ]{grid-area:sp;width:auto}#tour-guide .tour-keys--arrows .keycap[data-tour-key=ArrowUp]{grid-area:up}#tour-guide .tour-keys--arrows .keycap[data-tour-key=ArrowLeft]{grid-area:left}#tour-guide .tour-keys--arrows .keycap[data-tour-key=ArrowDown]{grid-area:down}#tour-guide .tour-keys--arrows .keycap[data-tour-key=ArrowRight]{grid-area:right}body.tour-mixer-step #vfx-panel,body.tour-record-step #vfx-panel{max-height:none;overflow:visible;position:absolute!important}body.tour-mixer-step #vfx-panel{padding:var(--op-space-sm)!important;gap:var(--op-space-sm)!important}body.tour-mixer-step #vfx-panel .vfx-header{padding-bottom:var(--op-space-xs);font-size:var(--op-size-title)}body.tour-mixer-step #vfx-panel .vfx-controls{gap:var(--op-space-xs);flex-wrap:nowrap}body.tour-mixer-step #vfx-panel .vfx-channel{gap:var(--op-space-xs)}body.tour-mixer-step #vfx-panel .vfx-slider-wrapper{height:calc(var(--op-hit-touch) * 2)}body.tour-mixer-step #vfx-panel .vfx-slider-wrapper input{width:calc(var(--op-hit-touch) * 2 - var(--op-space-sm))}body.tour-mixer-step #vfx-panel .vfx-reset-btn{padding:var(--op-space-sm)}body.tour-mixer-step #vfx-panel .global-fx-section{display:none!important}body.tour-add-step #btn-queue,body.tour-add-step #btn-queue-pull{outline:var(--op-focus-ring);outline-offset:var(--op-focus-offset);filter:drop-shadow(0 0 var(--op-space-sm) var(--op-phosphor))}body.tour-record-step #btn-vfx-rec{filter:drop-shadow(0 0 var(--op-space-sm) var(--op-phosphor));outline:none}}@media (width<=1000px){body.tour-mixer-step #screen-wrap{height:24dvh!important;min-height:0!important;max-height:24dvh!important}body.tour-mixer-step #vfx-panel{max-height:none;padding:var(--op-space-sm);gap:var(--op-space-sm);overflow:visible;top:var(--tour-mixer-top)!important}body.tour-mixer-step #vfx-panel .global-fx-section{display:none!important}body.tour-mixer-step #vfx-panel .vfx-header{padding-bottom:var(--op-space-xs);margin-bottom:0}body.tour-mixer-step #tour-guide,body.tour-mixer-step #tour-guide .op-module-body{overflow:visible}body.tour-mixer-step #vfx-panel{height:calc(var(--op-hit-touch) * 5 - var(--op-space-sm))!important;min-height:0!important;max-height:none!important;padding:var(--op-space-sm)!important;gap:var(--op-space-sm)!important;justify-content:flex-start!important;bottom:auto!important;overflow:hidden!important}body.tour-mixer-step #vfx-panel .vfx-slider-wrapper{height:calc(var(--op-hit-touch) * 2)!important}body.tour-mixer-step #vfx-panel .vfx-slider-wrapper input{width:calc(var(--op-hit-touch) * 2 - var(--op-space-sm))!important}body.tour-add-step .vhs-thumb-container{max-height:calc((var(--tour-grid-space) - var(--op-space-md)) / 2 - var(--op-hit-touch) * 2)}body.tour-add-step .vhs-title-text{-webkit-line-clamp:2}body.tour-add-step .vhs-item:nth-child(n+5){visibility:hidden}}.tour-touch-ring .tour-drag-arrow{width:var(--op-space-xl);height:var(--op-space-xl);animation:none;position:absolute;top:0;left:100%}#tour-guide .tour-actions:empty,#tour-guide .tour-keys:empty{display:none}#tour-guide:not(.tour-compact,.tour-collapsed) .op-module-body{min-height:calc(var(--op-hit-touch) * 3 + var(--op-space-sm));flex-direction:column;display:flex}@media (width<=1000px){#tour-guide:not(.tour-compact,.tour-collapsed) .op-module-body{min-height:calc(var(--op-hit-touch) * 2 + var(--op-space-md))}}#tour-guide .tour-keys,#tour-guide .tour-actions{margin-top:auto;margin-bottom:0}#tour-guide .op-module-body>p:last-of-type{margin-bottom:var(--op-space-sm)}@media (width>=1001px){body.tour-mixer-step #tour-guide .op-module-body{padding-inline:var(--op-space-sm);padding-bottom:var(--op-space-sm)}body.tour-mixer-step #tour-guide .tour-keys{gap:var(--op-space-xs);margin-bottom:0}#tour-guide .keycap .cap-sub{font-size:var(--op-size-micro)}}body.op-tv-walkthrough #op-fb-tab{visibility:hidden}