.video-tool-container.spzlr{background:#000;cursor:auto;inset:64px 0 0;overflow:hidden;position:fixed}.video-tool-container.spzlr:fullscreen:not(:has(.controls-overlay:not(.hidden))){cursor:none}.pattern-area.spzlr{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.controls-overlay.spzlr{inset:0;pointer-events:none;position:absolute;transition:opacity var(--transition-base);z-index:10}.controls-overlay.hidden.spzlr{opacity:0}.controls-overlay.spzlr>:where(.spzlr){pointer-events:auto}.controls-bar.spzlr{align-items:center;display:flex;justify-content:space-between;left:var(--space-sm);position:absolute;right:var(--space-sm);top:var(--space-sm)}.back-button.spzlr{align-items:center;background:#00000080!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:8px;color:#fff!important;display:flex;font-size:var(--text-sm);gap:var(--space-sm);height:40px;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-fast)}.back-button.spzlr:hover{background:#000000b3!important;border-color:#fff6!important}.control-button.spzlr{align-items:center;background:#00000080!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:8px;color:#fff!important;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.control-button.spzlr:hover{background:#000000b3!important;border-color:#fff6!important}.controls-footer.spzlr{align-items:flex-end;bottom:var(--space-lg);display:flex;justify-content:space-between;left:var(--space-lg);position:absolute;right:var(--space-lg)}.info-panel.spzlr{background:#00000080!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:8px;display:flex;font-family:var(--font-mono);font-size:var(--text-sm);gap:var(--space-xl);padding:var(--space-md) var(--space-lg)}.info-item.spzlr{display:flex;flex-direction:column;gap:4px}.info-label.spzlr{color:#fff9!important;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.info-value.spzlr{color:#fff!important}.footer-right.spzlr{align-items:center;display:flex;gap:var(--space-md)}.keyboard-hints.spzlr{background:#00000080!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:8px;font-size:var(--text-sm);gap:var(--space-md);padding:var(--space-sm) var(--space-md)}.hint.spzlr,.keyboard-hints.spzlr{color:#fffc!important;display:flex}.hint.spzlr{align-items:center;gap:var(--space-xs)}kbd.spzlr{background:#ffffff1a!important;border:1px solid hsla(0,0%,100%,.3)!important;border-radius:4px;color:#fff!important;display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);padding:2px 6px}@media (max-width: 768px){.video-tool-container.spzlr{top:56px}.controls-bar.spzlr{left:var(--space-sm);right:var(--space-sm);top:var(--space-sm)}.controls-footer.spzlr{left:var(--space-md);right:var(--space-md)}.back-button.spzlr span:where(.spzlr){display:none}.back-button.spzlr{padding:var(--space-sm)}.info-panel.spzlr{flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.keyboard-hints.spzlr{display:none}}@media (max-width: 480px){.info-panel.spzlr{font-size:var(--text-xs)}.info-label.spzlr{font-size:10px}.footer-right.spzlr{gap:var(--space-sm)}}@media (hover: none){.video-tool-container.spzlr{cursor:auto}.video-tool-container.spzlr:fullscreen:not(:has(.controls-overlay:not(.hidden))){cursor:none}}.ios-notification.spzlr{align-items:center;animation:spzlr-slideIn .3s ease-out;background:#000c;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:#fff;display:flex;gap:var(--space-md);left:50%;max-width:90%;padding:var(--space-lg);position:absolute;top:50%;transform:translate(-50%,-50%);width:400px;z-index:100}.ios-message.spzlr{flex:1}.ios-message.spzlr strong:where(.spzlr){display:block;font-size:var(--text-md);margin-bottom:var(--space-sm)}.ios-message.spzlr p:where(.spzlr){color:#fffc;font-size:var(--text-sm);margin:0}@keyframes spzlr-slideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 480px){.ios-notification.spzlr{gap:var(--space-sm);padding:var(--space-md)}.ios-notification.spzlr svg:where(.spzlr){height:20px;width:20px}}.info-value.mono.spzlr{font-family:var(--font-mono);font-size:var(--text-xs)}.info-value.status.spzlr{background:#f663;border-radius:3px;color:#ff6464;font-size:10px;padding:2px 6px;text-transform:uppercase}.info-value.status.native.spzlr{background:#64ff6433;color:#64ff64}.info-warning.spzlr{align-items:center;background:#ffc8321a;border:1px solid rgba(255,200,50,.3);border-radius:4px;color:#ffc832;display:flex;font-size:10px;gap:var(--space-xs);grid-column:1/-1;margin-top:var(--space-xs);padding:var(--space-xs)}.info-warning.spzlr svg:where(.spzlr){flex-shrink:0;opacity:.8}