.soundtrack-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);border:1px solid var(--ink);background:var(--panel);box-shadow:9px 9px 0 var(--ink)}.media-column{position:relative;min-height:650px;background:#121210}.media-drop,.music-drop{cursor:pointer}.media-drop{position:absolute;inset:0;display:grid;place-content:center;padding:30px;text-align:center;color:white;background:radial-gradient(circle at 65% 32%,#ff5c3526,transparent 30%)}.media-drop:after{content:"";position:absolute;inset:22px;border:1px dashed #ffffff55}.media-drop input,.music-drop input{display:none}.media-drop span,.music-drop span,.section-label{font-size:10px;font-weight:800;letter-spacing:.15em}.media-drop span{color:var(--accent)}.media-drop strong{margin:14px 0;font-size:clamp(36px,5vw,70px);letter-spacing:-.06em}.media-drop small,.music-drop small{font-size:11px;line-height:1.7;letter-spacing:.09em;color:#ffffff99}.video-preview{position:absolute;inset:0}.video-preview video{width:100%;height:100%;object-fit:contain}.round-play{position:absolute;top:50%;left:50%;width:72px;height:72px;padding:0;border:1px solid white;border-radius:50%;background:#0007;transform:translate(-50%,-50%)}.video-meta{position:absolute;right:24px;bottom:34px;left:24px;display:flex;justify-content:space-between;color:white;font-size:10px}.video-preview>[type=range]{position:absolute;right:24px;bottom:15px;left:24px;width:calc(100% - 48px);accent-color:var(--accent)}.replace-media{position:absolute;top:20px;right:20px;background:#0008;border-color:#ffffff88}.mix-column{border-left:1px solid var(--ink)}.music-drop{min-height:145px;padding:24px;display:grid;align-content:center;border-bottom:1px solid var(--ink);background:var(--accent)}.music-drop strong{margin:10px 0;font-size:24px;letter-spacing:-.04em}.music-drop small{color:#171713aa}.mix-controls{padding:26px}.range-control{display:grid;gap:8px;margin-top:24px}.range-control span{display:flex;justify-content:space-between;font-size:12px;font-weight:800}.range-control input{width:100%;accent-color:var(--accent)}.presets{display:flex;gap:8px;margin-top:9px}.presets button{padding:8px 10px;background:transparent;color:var(--ink);border-color:var(--line);font-size:11px}.select-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.select-row label{display:grid;gap:7px;font-size:11px;font-weight:800}.select-row select{padding:10px;border:1px solid var(--line);background:white}.loop-option{display:block;margin-top:22px;font-size:12px}.export-row{margin:70px 0 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.export-row>div{padding:32px 0}.export-row h2{margin:8px 0;font-size:clamp(44px,6vw,76px);letter-spacing:-.06em}.export-row>button{display:flex;align-items:center;justify-content:space-between;padding:30px;border:0;border-left:1px solid var(--ink);background:var(--accent);font-size:26px}.export-row>button:disabled{background:#d6d2c7;color:#777}.export-row>button b{font-size:36px}.drag{outline:5px solid var(--accent);outline-offset:-5px}@media(max-width:800px){.soundtrack-workspace{grid-template-columns:1fr}.media-column{min-height:62vh}.mix-column{border-top:1px solid var(--ink);border-left:0}.export-row{grid-template-columns:1fr}.export-row>button{min-height:120px;border-top:1px solid var(--ink);border-left:0}}