.media-screen{background:var(--bg-deep);border-radius:14px;justify-content:center;align-items:center;min-height:160px;display:flex;overflow:hidden}.media-screen.waiting{height:320px}.media-frame{object-fit:contain;user-select:none;width:100%;height:100%;max-height:52vh;display:block}.media-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.media-buttons{align-items:center;gap:6px;min-width:0;display:flex}.media-clock{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:6px}.media-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.media-field{align-items:flex-end;gap:8px;min-width:0;display:flex}.media-time{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.media-time .input{font-variant-numeric:tabular-nums;width:100%}.media-error{color:var(--danger)}.media-timeline{touch-action:none;user-select:none;cursor:pointer;height:64px;margin:0 12px;position:relative}.media-backdrop{background:var(--bg-deep);border-radius:8px;position:absolute;inset:0;overflow:hidden}.media-strip{height:100%;display:flex}.media-strip img{object-fit:cover;pointer-events:none;flex:1;min-width:0;height:100%}.media-wave{width:100%;height:100%;display:block}.media-wave path{fill:var(--accent);opacity:.7}.media-wave-waiting{background:linear-gradient(90deg, var(--bg-deep), var(--accent-soft), var(--bg-deep));background-size:200% 100%;width:100%;height:100%;animation:1.4s linear infinite media-wait}@keyframes media-wait{to{background-position:-200% 0}}.media-shade{background:var(--surface);opacity:.72;pointer-events:none;position:absolute;top:0;bottom:0}.media-range{border-top:3px solid var(--brass);border-bottom:3px solid var(--brass);pointer-events:none;position:absolute;top:0;bottom:0}.media-keyframe{background:var(--ink);opacity:.55;pointer-events:none;width:1px;height:8px;position:absolute;bottom:3px}.media-head{background:var(--ink);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.media-handle{touch-action:none;cursor:ew-resize;z-index:1;justify-content:center;width:24px;margin-left:-12px;display:flex;position:absolute;top:0;bottom:0}.media-handle span{background:var(--brass);border-radius:3px;width:10px;height:100%}.media-handle span:after{content:"";background:var(--surface);border-radius:1px;width:2px;height:24px;margin:19px auto 0;display:block}.media-handle:focus-visible{outline:none}.media-handle:focus-visible span{outline:2px solid var(--ink);outline-offset:1px}.media-crop-holder{background:var(--bg-deep);border-radius:14px;justify-content:center;padding:14px;display:flex}.media-crop-stage{--frame-height:56vh;width:min(100%, calc(var(--frame-height) * var(--frame-ratio)));touch-action:none;user-select:none;cursor:crosshair;position:relative;overflow:hidden}.media-crop-stage .media-frame{pointer-events:none;max-height:none}.media-crop-box{border:2px solid var(--brass);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 9999px #14140f94}.media-crop-box .third{background:var(--surface);opacity:.35;pointer-events:none;position:absolute}.media-crop-box .third.v1,.media-crop-box .third.v2{width:1px;top:0;bottom:0}.media-crop-box .third.h1,.media-crop-box .third.h2{height:1px;left:0;right:0}.media-crop-box .v1{left:33.33%}.media-crop-box .v2{left:66.66%}.media-crop-box .h1{top:33.33%}.media-crop-box .h2{top:66.66%}.media-corner{background:var(--surface);border:2px solid var(--brass);touch-action:none;border-radius:4px;width:16px;height:16px;position:absolute}.media-corner.nw{cursor:nwse-resize;top:-2px;left:-2px}.media-corner.ne{cursor:nesw-resize;top:-2px;right:-2px}.media-corner.sw{cursor:nesw-resize;bottom:-2px;left:-2px}.media-corner.se{cursor:nwse-resize;bottom:-2px;right:-2px}.media-scrub,.media-range-input{width:100%;display:block}.media-scrub input,.media-range-input{width:100%;accent-color:var(--accent)}.media-tags .side{max-height:none;position:static;overflow:visible}.media-tags .run-bar{position:static}.media-song{align-items:center;gap:16px;min-width:0;display:flex}.media-cover{background:var(--bg-deep);width:120px;height:120px;color:var(--ink-3);border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.media-cover img{object-fit:cover;width:100%;height:100%}.media-audio{width:100%;min-width:0;height:38px}@media (width<=720px){.media-frame{max-height:42vh}.media-fields{grid-template-columns:minmax(0,1fr)}.media-timeline{height:72px}.media-handle{width:34px;margin-left:-17px}.media-handle span{width:12px}.media-handle span:after{margin-top:24px}.media-crop-holder{padding:12px}.media-crop-stage{--frame-height:48vh}.media-corner{border-radius:6px;width:24px;height:24px}.media-song{align-items:flex-start}.media-cover{width:76px;height:76px}}