body{color:#fff;-webkit-overflow-scrolling:auto;background:#111;justify-content:center;align-items:center;height:100vh;margin:0;font-family:sans-serif;display:flex;overflow:hidden}.player{z-index:10;width:min(900px,92vw);position:fixed;bottom:28px;left:50%;transform:translate(-50%)}#waveformCanvas{z-index:4;width:100%;max-width:900px;height:80px;margin-bottom:12px;display:block;position:relative}#playButton{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:34px;line-height:48px;display:flex}#playButton:disabled{cursor:default;opacity:.7;letter-spacing:.04em;font-size:14px}#currentTime,#durationTime{color:#fff;opacity:.85;text-align:center;min-width:42px;font-size:13px}#scene{position:fixed;inset:0;overflow:hidden}.track-node{z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#fffffff2;border:1px solid #fffffff2;border-radius:10px;justify-content:center;align-items:center;width:68px;height:68px;transition:background-color .18s,border-color .18s,opacity .15s,box-shadow .12s,transform 80ms linear;display:flex;position:absolute}.track-node.pressed{filter:brightness(1.35)}#orientationOverlay{z-index:9999;color:#fff;background:#111;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.orientation-message{text-align:center;font-size:18px}.rotate-icon{margin-bottom:16px;font-size:64px}.controlButtons{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex;transform:translateY(-12px)}.background-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.track-node.muted{background:#28282859;border-color:#787878a6}.track-node.solo{background:#2878ff;border-color:#375fb4}.seekBarWrapper{--seek-progress:0%;flex:1;align-items:center;width:auto;min-width:0;height:24px;display:flex;position:relative}.seekBarWrapper:before{content:"";background:linear-gradient(to right, white 0%, white var(--seek-progress), #ffffff59 var(--seek-progress), #ffffff59 100%);pointer-events:none;border-radius:999px;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}#seekBar{z-index:1;appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0;position:relative}#seekBar::-webkit-slider-runnable-track{background:0 0;border:none;height:24px}#seekBar::-moz-range-track{background:0 0;border:none;height:24px}#seekBar::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:none;border-radius:50%;width:10px;height:10px;margin-top:7px}#seekBar::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:10px;height:10px}html,body,#scene,.player,.track-node,#waveformCanvas,#playButton,#seekBar{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.editor-message{z-index:9999;color:#fff;letter-spacing:.04em;opacity:0;pointer-events:none;background:#000000bf;padding:8px 14px;font-size:13px;transition:opacity .2s;position:fixed;top:24px;left:50%;transform:translate(-50%)}.editor-message.visible{opacity:1}#scene.show-grid:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:10% 10%;position:absolute;inset:0}#resetButton{color:#fff;letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#ffffff1f;border:1px solid #ffffff8c;border-radius:6px;width:auto;height:35px;margin-bottom:14px;padding:0 12px;font-size:10px;transition:transform 80ms,filter 80ms,background-color .12s}#resetButton.pressed{filter:brightness(1.35);background:#ffffff38;transform:scale(.94)}.transportButton{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff8c;border-radius:6px;justify-content:center;align-items:center;width:36px;height:28px;padding:0;font-size:13px;font-weight:500;transition:transform 80ms,filter 80ms,background-color .12s;display:flex}.transportButton.pressed{filter:brightness(1.5);transform:scale(.9)}.waveform-row{justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.transportMain{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.transport{justify-content:space-between;align-items:flex-end;gap:18px;width:100%;display:flex}.transportButtons{gap:10px;display:flex}@media (height<=500px) and (orientation:landscape){.player{width:86vw;bottom:14px}#waveformCanvas{width:calc(100% - 150px);max-width:none;height:35px;margin-bottom:-10px;margin-left:10px;margin-right:auto;transform:translateY(15px)}.transport{gap:10px}.transportMain{gap:10px;min-width:0}.controlButtons{flex-shrink:0;gap:10px;position:static;top:auto;transform:translateY(-10px)}#playButton{font-size:30px}.seekBarWrapper{flex:1;width:auto;min-width:0}#currentTime,#durationTime{min-width:42px;font-size:11px}.track-node{border-radius:0;width:35px;height:35px}.track-label{white-space:nowrap;color:#fff;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;font-weight:500;transition:none;position:absolute;top:calc(100% - 7px);left:calc(100% + 2.5px);transform:none}}@media (width<=768px) and (orientation:portrait){#orientationOverlay{display:flex}}