:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e8edf2;background:radial-gradient(circle at top,#1f2a38,#0e1117 60%)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh;display:grid;place-items:center;padding:24px}.player-container{width:min(900px,95vw);background:#111827b3;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h1,h3,p{margin:0 0 12px}button{border:none;background:#2d8cff;color:#fff;border-radius:8px;padding:10px 18px;font-weight:600;cursor:pointer}button:disabled{background:#6b7280;cursor:not-allowed}input[type=file]{margin-top:8px}.stage{width:400px;height:400px;margin:0 auto;border:2px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;background:#0e1117;box-shadow:0 0 30px #2d8cff14}.stage-svg{width:100%;height:100%;display:block}.timeline-bar{width:400px;margin:12px auto 0}.scrub-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;cursor:pointer}.scrub-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#2d8cff;border:2px solid rgba(255,255,255,.3);cursor:grab;box-shadow:0 0 6px #2d8cff66}.scrub-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#2d8cff;border:2px solid rgba(255,255,255,.3);cursor:grab}.scrub-slider:disabled{opacity:.4;cursor:not-allowed}.timeline-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#ffffff59;margin-top:2px;font-family:monospace}.controls{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:12px}.time-display{font-size:.85rem;color:#fff6;font-family:monospace;min-width:120px}