.sq1-recon-player{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.sq1-recon-canvas{touch-action:none;flex:1;min-height:0;position:relative}.sq1-recon-controls{flex-wrap:nowrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.sq1-recon-controls button{cursor:pointer;width:28px;height:28px;color:var(--foreground);background:color-mix(in srgb, var(--foreground) 8%, transparent);border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.sq1-recon-controls button:hover:not(:disabled){background:color-mix(in srgb, var(--foreground) 16%, transparent)}.sq1-recon-controls button:disabled{opacity:.4;cursor:default}.sq1-recon-scrubber{min-width:60px;height:4px;accent-color:var(--accent);cursor:pointer;flex:1}.sq1-recon-scrubber:disabled{opacity:.4;cursor:default}.sq1-recon-progress{font-variant-numeric:tabular-nums;color:var(--muted-foreground);white-space:nowrap;flex:none;font-size:12px}