/* Friendly studio controls: presentation only; audio and export gates stay in the editor modules. */
:root{
 --icon-music:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018V5l11-2v13M9%209l11-2%22/%3E%3Cellipse%20cx%3D%226%22%20cy%3D%2218%22%20rx%3D%223%22%20ry%3D%223%22/%3E%3Cellipse%20cx%3D%2217%22%20cy%3D%2216%22%20rx%3D%223%22%20ry%3D%223%22/%3E%3C/svg%3E");
 --icon-upload:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2016V3m-5%205%205-5%205%205M4%2015v5a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-5%22/%3E%3C/svg%3E");
 --icon-download:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v13m-5-5%205%205%205-5M4%2016v4a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-4%22/%3E%3C/svg%3E");
 --icon-shield:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%203%207v5c0%205%209%209%209%209s9-4%209-9V7l-9-4Z%22/%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22/%3E%3C/svg%3E");
 --icon-folder:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207V5h6l2%203h10v12H3V7Z%22/%3E%3C/svg%3E");
 --icon-save:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203h13l4%204v14H3V3h1ZM7%203v6h10V3M7%2021v-8h10v8%22/%3E%3C/svg%3E");
 --icon-link:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m10%2014%204-4m-6%207-1%201a4.2%204.2%200%200%201-6-6l4-4a4.2%204.2%200%200%201%206%200m2-1%201-1a4.2%204.2%200%200%201%206%206l-4%204a4.2%204.2%200%200%201-6%200%22/%3E%3C/svg%3E");
 --icon-magic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2020%2012-12%204%204L8%2024ZM14%203v3m6-4v3m-2-1h4M3%209v4m-2-2h4M21%2017v4m-2-2h4%22%20transform%3D%22translate%280%20-2%29%22/%3E%3C/svg%3E");
 --icon-play:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%204%2013%208-13%208V4Z%22/%3E%3C/svg%3E");
 --icon-pause:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%204v16M16%204v16%22%20stroke-width%3D%224%22/%3E%3C/svg%3E");
 --icon-stop:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22/%3E%3C/svg%3E");
 --icon-undo:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2010h10a6%206%200%200%201%200%2012M8%206l-4%204%204%204%22/%3E%3C/svg%3E");
 --icon-plus:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v16M4%2012h16%22/%3E%3C/svg%3E");
 --icon-check:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2012%205%205L20%206%22/%3E%3C/svg%3E");
 --icon-close:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M6%2018%2018%206%22/%3E%3C/svg%3E");
 --icon-headphones:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2014v-3a9%209%200%200%201%2018%200v3%22/%3E%3Crect%20x%3D%222%22%20y%3D%2212%22%20width%3D%225%22%20height%3D%229%22%20rx%3D%222%22/%3E%3Crect%20x%3D%2217%22%20y%3D%2212%22%20width%3D%225%22%20height%3D%229%22%20rx%3D%222%22/%3E%3C/svg%3E");
 --icon-speaker:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m11%204-6%205H2v6h3l6%205V4Zm4%204a6%206%200%200%201%200%208m3-11a10%2010%200%200%201%200%2014%22/%3E%3C/svg%3E");
 --icon-fades:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2020%209%204h6l6%2016M2%2020h20%22/%3E%3C/svg%3E");
 --icon-tempo:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v3M5%207l2%202m12-2-2%202M3%2015h3m12%200h3m-9%200%204-5%22/%3E%3Cpath%20d%3D%22M4%2020a10%2010%200%201%201%2016%200H4Z%22/%3E%3C/svg%3E");
 --icon-search:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22/%3E%3Cpath%20d%3D%22m15%2015%206%206%22/%3E%3C/svg%3E");
 --icon-photo:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%223%22/%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22/%3E%3Cpath%20d%3D%22m3%2017%206-6%204%204%203-3%205%205%22/%3E%3C/svg%3E");
 --icon-help:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M9%209a3%203%200%201%201%205%202c-2%201-2%202-2%203m0%203h.01%22/%3E%3C/svg%3E");
}
.nav[data-page=editor] .nav-icon,.icon-music{--button-icon:var(--icon-music)}
.nav[data-page=athlete] .nav-icon,#exportMp3,#exportWav,#reportBtn,[data-goto=athlete]{--button-icon:var(--icon-download)}
.nav[data-page=rights] .nav-icon,.icon-shield{--button-icon:var(--icon-shield)}
#linkUpload,.upload .btn{--button-icon:var(--icon-upload)}
#openProject{--button-icon:var(--icon-folder)}
#saveProject{--button-icon:var(--icon-save)}
#checkLink{--button-icon:var(--icon-link)}
#autoBtn{--button-icon:var(--icon-magic)}
#undoBtn,#restoreEditRange,#resetSound{--button-icon:var(--icon-undo)}
#addMusic,#addSegment{--button-icon:var(--icon-plus)}
#applyEditSelection,#applyMusicalSuggestion,#applyRulesPreset{--button-icon:var(--icon-check)}
#clearEditSelection,#removeCurrentSource,#removeAthletePhoto{--button-icon:var(--icon-close)}
[data-preview],#previewEditSelection,.icon-headphones{--button-icon:var(--icon-headphones)}
.icon-speaker{--button-icon:var(--icon-speaker)}
.icon-fades{--button-icon:var(--icon-fades)}
.icon-tempo{--button-icon:var(--icon-tempo)}
#searchSources{--button-icon:var(--icon-search)}
#chooseAthletePhoto{--button-icon:var(--icon-photo)}
#helpBtn{--button-icon:var(--icon-help)}
/* Consistent icons keep their labels, including when progress text changes. */
:is(.btn,.text-btn,.chip,.preset)[style],.btn,.text-btn,.chip,.preset{font-family:'Instrument Sans',system-ui,sans-serif;text-transform:none;letter-spacing:0}
:is(#openProject,#saveProject,#checkLink,#autoBtn,#undoBtn,#restoreEditRange,#resetSound,#addMusic,#addSegment,#applyEditSelection,#applyMusicalSuggestion,#applyRulesPreset,#clearEditSelection,#removeCurrentSource,#removeAthletePhoto,#searchSources,#chooseAthletePhoto,#helpBtn,#exportMp3,#exportWav,#reportBtn,#linkUpload,#previewEditSelection,[data-goto=athlete],[data-preview],.upload .btn)::before{content:'';display:inline-block;vertical-align:-3px;flex-shrink:0;width:18px;height:18px;margin-right:8px;background:currentColor;mask:var(--button-icon) center/contain no-repeat}
.nav-icon,.heading-icon,.privacy-icon,.note-icon{display:inline-block;flex-shrink:0;width:20px;height:20px;background:currentColor;mask:var(--button-icon) center/contain no-repeat}
.upload-icon::before,.track-icon::before{content:'';width:25px;height:25px;background:currentColor;mask:var(--button-icon,var(--icon-upload)) center/contain no-repeat}
.upload-icon{--button-icon:var(--icon-upload)}
body{font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
.sidebar{width:232px;padding:27px 16px;background:var(--surface-alt)}
.app{margin-left:232px}
.brand,.sidebar .brand{font:650 20px 'Instrument Sans',system-ui,sans-serif;letter-spacing:-.5px;gap:10px;padding:0 9px}
.brand-light{font:400 11px 'Instrument Sans',system-ui,sans-serif;letter-spacing:0;margin-top:4px}
.brand-icon{width:38px;height:38px;border-radius:11px}
.workspace-label{font:500 12px 'Instrument Sans',sans-serif;letter-spacing:0;margin:42px 14px 13px}
nav{gap:7px}.nav{font-size:14px;font-weight:550;padding:13px 12px;border-radius:11px;border:1px solid transparent;gap:11px;min-height:48px}
.nav span.nav-icon{width:20px;height:20px;display:inline-block}
.nav.active{border-left:1px solid var(--line);background:var(--accent-panel)}
.sidebar-bottom{padding:20px 12px 0;font-size:12px}.sidebar-bottom strong,.sidebar-bottom p{font-size:12px}.version{font:10px 'Instrument Sans',sans-serif;letter-spacing:0;opacity:.8;margin-top:20px}
header{height:76px;padding:0 32px;border-top:0;background:var(--surface-alt)}
.crumb,.crumb span:last-child{font:500 13px 'Instrument Sans',sans-serif;text-transform:none;letter-spacing:0}.crumb{gap:11px}.crumb-separator{opacity:.5}
.header-actions{gap:8px}.btn,.btn.small{font-size:14px;font-weight:550;min-height:42px;padding:10px 15px;border-radius:10px;line-height:1.4;text-transform:none;font-family:'Instrument Sans',sans-serif;box-shadow:0 1px 2px #00000008}
.btn.primary,.btn.accent{font-weight:650}.btn.small{min-height:40px;font-size:13px;padding:9px 12px}.theme-toggle{min-width:85px}.theme-toggle svg{width:18px;height:18px}
.text-btn{font-size:13px;min-height:34px;padding:6px 2px;font-weight:550}.text-btn:hover{text-decoration:none;background:var(--accent-panel);border-radius:7px}
main{padding:34px 32px 48px;max-width:1600px}.page-head{border:0;padding-bottom:0;margin-bottom:28px;gap:18px}.eyebrow{font:550 12px 'Instrument Sans',sans-serif;letter-spacing:.15px;text-transform:none}.page-head .eyebrow::before,.page-head .eyebrow::after{content:none}
h1{font:650 clamp(30px,3.2vw,48px)/1.15 'Instrument Sans',system-ui,sans-serif;letter-spacing:-1.5px;margin:10px 0 12px}.page-head p{font-size:15px;max-width:590px;line-height:1.6}.page-head>.pill{font:12px 'Instrument Sans',sans-serif;border-radius:20px;padding:9px 12px;background:var(--surface-alt);gap:7px}.privacy-icon{width:15px;height:15px;color:var(--accent-text)}
.editor-grid{grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.main-column{gap:22px}
.card{border-radius:18px;padding:24px;background:var(--surface);box-shadow:0 4px 18px #00000005;min-width:0}.card-title{margin-bottom:20px;align-items:center}.card-title h2{font-size:19px;font-weight:650;letter-spacing:-.4px;gap:11px}.heading-icon{color:var(--accent-text)}
.step{font:650 13px 'Instrument Sans',sans-serif;display:grid;place-items:center;width:28px;height:28px;border:0;background:var(--accent-panel);color:var(--accent-text);padding:0;border-radius:9px}.muted{font-size:12px}
.upload{border-radius:13px;padding:27px 16px 23px;background:var(--surface-alt);border:1px dashed var(--line-strong)}.upload-icon{width:48px;height:48px;border-radius:14px;margin-bottom:14px;border:0}.upload h3{font-size:20px;letter-spacing:-.4px;margin-bottom:7px}.upload p{font-size:14px;margin-bottom:18px}.upload small{font:12px 'Instrument Sans',sans-serif;margin-top:14px}.upload .btn{padding:11px 20px;min-height:44px}
.link-details{padding-top:22px;margin-top:22px}.link-heading h3{font-size:16px}.pill{border-radius:20px;font:11px 'Instrument Sans',sans-serif;padding:6px 9px}.link-heading .pill{font-size:11px;padding:5px 9px}.link-row{gap:10px;align-items:stretch}.link-row input{font-size:14px;min-height:44px}.link-row .btn{white-space:nowrap;font-size:14px;min-height:44px}.link-details .check-row{font-size:12px;margin-top:13px}
input:not([type=range]):not([type=checkbox]),select,textarea{border-radius:9px;font-size:14px;min-height:42px;padding:10px 12px}input[type=checkbox]{width:17px;height:17px;flex-shrink:0;vertical-align:-3px}input[type=range]{min-height:24px}
.hint{font-size:12px;line-height:1.65}.track-row{border-radius:12px;padding:15px;gap:12px}.track-icon{border-radius:11px;width:44px;height:46px}.track-name strong{font-size:15px}.track-name small{font-size:12px;margin-top:4px}.remove-source-btn{font-size:12px!important;padding:8px 10px!important;min-height:38px}#addMusic{margin-top:10px}
.optional-settings{border:1px solid var(--line);border-radius:11px;margin-top:18px;background:transparent;min-width:0;overflow:visible}
.optional-settings>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;font-size:13px;font-weight:550;cursor:pointer;color:var(--ink);min-height:46px}
.optional-settings>summary::-webkit-details-marker{display:none}.optional-settings>summary::after{content:'';width:7px;height:7px;border-right:1.7px solid var(--muted);border-bottom:1.7px solid var(--muted);transform:rotate(45deg);margin-left:2px;margin-right:3px;flex-shrink:0}.optional-settings[open]>summary::after{transform:rotate(225deg)}
.summary-title{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.optional-label{font-size:11px;font-weight:400;color:var(--muted)}.disclosure-content{padding:0 15px 16px}.source-search{padding:0;background:transparent;border-color:var(--line)}.source-search h3{font-size:14px}.source-search-fields label,.source-search-toolbar label{font-size:12px}.source-search-fields input,.source-search-toolbar select{font-size:14px}.source-search-toolbar .btn{font-size:13px}.source-search-note{font-size:12px}
.wave-top,.time-ruler,.segments-heading{font-family:'Instrument Sans',sans-serif;font-size:12px;letter-spacing:0;line-height:1.5}.wave-top{margin-bottom:10px;gap:12px;flex-wrap:wrap}.wave-top span:last-child{font-size:12px}.edit-wave-heading{font-size:15px;font-weight:600;margin-top:23px;margin-bottom:10px}.edit-wave-heading span:last-child{font-weight:400}.wave-interaction-hint{font-size:12px;margin-bottom:12px}.wave-wrap{border-radius:12px;height:265px}.original-wave-wrap{height:180px}.time-ruler{font-size:11px;font-variant-numeric:tabular-nums;margin-top:7px}.transport{padding:14px;border:1px solid var(--line);border-radius:12px;gap:14px;flex-wrap:wrap;margin-top:20px;background:var(--surface-alt)}.transport>div{gap:12px}
#playBtn,#stopBtn{font-size:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;min-height:42px;width:auto;height:auto;padding:11px 13px;line-height:1.4;flex-shrink:0}
#playBtn::before,#stopBtn::before{content:'';width:18px;height:18px;background:currentColor;mask:var(--icon-play) center/contain no-repeat}#playBtn[aria-label=Anhalten]::before{mask-image:var(--icon-pause)}#stopBtn::before{mask-image:var(--icon-stop)}#playBtn::after,#stopBtn::after{content:attr(aria-label);font:550 13px 'Instrument Sans',sans-serif}#stopBtn{border:1px solid var(--line-strong);background:var(--field);color:var(--text)}
.transport #playTime{font-size:14px;white-space:nowrap;min-width:88px}.play-options label{font-size:12px}.play-options select{width:110px;min-height:38px;font-size:13px;border:1px solid var(--line)}.volume-label input{width:85px}.preview-buttons{gap:8px}.chip{font-size:12px;min-height:38px;padding:8px 11px;border-radius:9px}.preview-buttons .chip{background:var(--surface-alt)}
.manual-segments .segments-heading{margin-top:6px}.segment{border-radius:9px;flex-wrap:wrap}.segment input{min-height:36px;padding:7px;font-size:12px}.source-select{min-height:36px!important}.join-editor{padding-top:20px}.join-editor-header strong{font-size:15px}.join-editor .btn,.join-editor .chip{font-size:12px}.join-scope-grid label,.join-fade-controls label,.join-status,.join-editor-title p{font-size:12px}.join-scope-grid canvas{border-radius:9px}.join-fade-label{font-family:'Instrument Sans',sans-serif}.join-nudges .chip{min-height:36px}.join-settings label,.join-settings .hint{font-size:12px}.join-settings{flex-wrap:wrap}.join-settings input{font-size:12px;min-height:36px}.edit-selection{border-radius:11px;background:var(--surface-alt);border-color:var(--line)}.edit-selection summary{font-size:13px}.edit-selection summary span{font-size:11px}.wave-selection-bar{border-radius:11px}.wave-selection-readout>span{font:550 11px 'Instrument Sans',sans-serif;letter-spacing:0}.wave-selection-bar .btn,.wave-selection-bar .text-btn{font-size:12px}
.fade-grid{gap:20px}.toggle-title{font-size:14px}.fade-row{gap:8px;flex-wrap:wrap}.fade-row input{font-size:14px;width:70px;min-height:40px}.fade-row span{font-size:12px}.fade-row select{font-size:13px;min-height:40px}.tempo-card{margin:0;background:var(--surface);padding:0}.tempo-card>summary{font-size:16px;padding:20px 24px;min-height:68px}.tempo-card .disclosure-content{padding:0 24px 24px}.form-grid label,.block-label,.export-preview>label{font-size:13px}.check-row{font-size:13px;line-height:1.6}.preset-row{gap:8px;margin-bottom:20px}.preset{font-size:13px;min-height:42px;padding:10px 13px;border-radius:10px}.sound-card>.sound-sliders{grid-template-columns:1fr}.sound-sliders{gap:18px}.sound-sliders label,.sound-extra label{font-size:13px}.sound-sliders label span{font:12px 'Instrument Sans',sans-serif}.sound-extra{margin-top:17px}.sound-details{margin-top:17px}.sound-details .sound-sliders{padding-top:8px}
.target-card{position:static;border-radius:18px;border-top:1px solid #fbf9f324;padding:25px 22px;background:var(--surface);color:var(--ink);box-shadow:0 4px 18px #00000005}.target-card .eyebrow{font:550 12px 'Instrument Sans',sans-serif;color:var(--accent-text)}.target-card h2{font-size:23px;line-height:1.3;font-weight:650;color:var(--ink);margin:9px 0 20px}.target-entry{margin-top:0}.duration-label{font-size:13px;color:var(--text);margin-bottom:10px}.duration-presets button{min-height:43px;border-radius:9px;font:550 14px 'Instrument Sans',sans-serif;background:var(--field);color:var(--text);border-color:var(--line-strong)}.duration-presets button:hover{background:var(--accent-panel);border-color:var(--accent)}.duration-presets button.selected{background:var(--accent);color:#0b0e1a;border:1px solid var(--accent);box-shadow:0 2px 7px #00000012}.manual-duration{margin-top:20px}.manual-time-fields label>span,.target-card .duration-hint{font-size:12px;color:var(--muted)}.target-card .manual-time-fields input[type=number]{font:550 28px 'Instrument Sans',sans-serif;border:1px solid var(--line-strong);border-radius:10px;height:59px;box-shadow:none}.time-colon{font:500 26px 'Instrument Sans',sans-serif;color:var(--muted);padding-top:9px}.target-card .duration-hint{margin-top:12px;line-height:1.55}.target-options{border-color:var(--line);margin:18px 0}.target-options summary{font-size:13px;color:var(--text);padding:12px}.target-options .disclosure-content{padding:0 12px 14px}.target-options .trim-grid{margin-top:4px;margin-bottom:15px}.trim-grid label{color:var(--text);font-size:12px}.target-card .trim-grid input{background:var(--field);color:var(--ink);border-color:var(--line-strong);font-size:13px;min-height:40px;padding:9px}.fine-tempo-option{font-size:12px!important;color:var(--text);gap:9px;margin-bottom:0}.fine-tempo-option small{font-size:12px;color:var(--muted)}.target-card .btn.accent{font-size:15px;min-height:48px;padding:13px;background:var(--accent);color:#0b0e1a;border-radius:11px}.target-card p{font-size:12px;line-height:1.6;color:var(--muted)}.target-divider{background:var(--line);margin:20px 0 16px}.duration-row{font-size:12px;color:var(--text)}.duration-row strong{color:var(--ink);font-size:14px}.target-card .auto-note{font-size:12px;background:var(--surface-alt);color:var(--text);border-color:var(--line);border-radius:10px;margin-top:17px;padding:12px}.target-card .musical-suggestion{border-radius:11px}.target-card .musical-suggestion p,.target-card .musical-suggestion small{color:var(--text)}
.export-card{border-radius:18px;margin-top:20px}.export-card h2{font-size:18px;margin-bottom:10px}.export-card p{font-size:13px}.export-card .text-btn{font-size:12px}.small-note{gap:10px;padding:18px 6px}.small-note p{font-size:12px}.small-note .note-icon{margin-top:2px;width:19px;height:19px}
.details-grid{gap:24px}.export-preview details{margin-top:18px}.final-export-confirm{border-radius:12px;padding:16px}.final-export-confirm .check-row{font-size:13px}.export-actions{gap:10px}.photo-preview{border-radius:12px}.photo-controls .btn{font-size:13px}.duration-big{font:550 44px 'Instrument Sans',sans-serif}.resources a{font-size:14px}.notice-card{border-radius:15px}dt,dd{font-size:13px}
footer{font:12px/1.7 'Instrument Sans',sans-serif;padding:24px 32px}footer span:first-child{font-size:12px}footer a{font-size:12px}dialog{border-radius:19px;border-top:1px solid var(--line);box-shadow:0 24px 90px #00000050}dialog h2{font:650 30px 'Instrument Sans',sans-serif;letter-spacing:-.7px}dialog p,dialog ol{font-size:14px}#toast{font-size:14px;border-radius:11px;border:1px solid var(--line-strong)}
@media(min-width:1550px){.editor-grid{grid-template-columns:minmax(0,1fr) 330px}.target-card{padding:27px}}
@media(max-width:1200px){.sidebar{width:210px;padding-left:11px;padding-right:11px}.app{margin-left:210px}main{padding:28px 22px}.editor-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.nav{font-size:13px;padding-left:10px}.brand,.sidebar .brand{font-size:18px}.brand-light{font-size:10px}.card{padding:21px}.target-card{padding:23px 19px}.link-row{flex-wrap:wrap}.link-row input{flex-basis:240px}.link-row .btn{flex-grow:1}.header-actions .btn.small{font-size:12px;padding:9px 11px}.crumb{font-size:12px}.crumb>span{display:none}.tempo-card{padding:0}}
@media(max-width:950px){.sidebar{position:static;width:100%;padding:16px 20px;gap:20px;flex-wrap:wrap;background:var(--surface-alt);border-top:0}.app{margin-left:0}.sidebar .brand{font-size:20px}.brand-light{font-size:11px}.sidebar nav{gap:5px}.nav{font-size:13px;min-height:43px;padding:10px 12px;max-width:none}.nav.active{border:1px solid var(--line)}.nav span.nav-icon{display:inline-block;width:18px;height:18px}header{padding:0 22px;height:65px}.crumb{display:flex}.editor-grid{grid-template-columns:minmax(0,1fr) 280px}h1{font-size:38px}.page-head>.pill{display:none}.page-head p{font-size:14px}.card-title h2{font-size:18px}.fade-grid{grid-template-columns:1fr}.fade-row select{flex-basis:auto;width:auto;margin-top:0}.target-card h2{font-size:22px}}
@media(max-width:720px){.sidebar{padding:16px;gap:16px}.sidebar .brand{font-size:20px!important}.brand-light{font-size:11px!important}.brand-icon{width:35px;height:35px}.sidebar nav{width:100%;display:flex;gap:6px}.nav,.nav:last-child{flex:1;justify-content:center;max-width:none;font-size:12px;padding:10px 7px;gap:7px;min-height:44px}.nav span.nav-icon{width:17px;height:17px}.crumb{display:none}header{padding:10px 16px;min-height:62px;height:auto}.header-actions{width:100%;justify-content:space-between;gap:6px}.header-actions .btn.small{font-size:12px;min-height:40px;padding:9px 11px}.theme-toggle{min-width:72px}.btn.small::before{width:16px;height:16px;margin-right:6px}main{padding:26px 16px 36px}.page-head{margin-bottom:24px}.page-head h1{font-size:33px;letter-spacing:-1px}.page-head p{font-size:14px}.eyebrow,.page-head .eyebrow{font-size:12px}.editor-grid{display:flex;flex-direction:column;gap:20px}.main-column,.right-column{display:contents}.source-card{order:0}.target-card{order:1;display:block;width:100%;padding:23px}.timeline-card{order:2;width:100%}.main-column>section.card:not(.source-card):not(.timeline-card):not(.sound-card){order:3;width:100%}.sound-card{order:4;width:100%}.tempo-card{order:5;width:100%}.export-card{order:6;width:100%;margin-top:0}.small-note{display:flex;order:7;padding:0 5px}.card{border-radius:16px;padding:21px}.card-title h2,.source-card .card-title h2{font-size:18px}.card-title .muted{font-size:11px}.upload{padding:26px 12px 22px}.upload h3{font-size:19px}.link-row{flex-direction:column}.link-row input{flex-basis:auto;width:100%}.link-row .btn{width:100%;align-self:stretch;min-height:44px}.link-heading .pill{display:none}.target-card h2{font-size:24px;margin:9px 0 22px}.duration-presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.duration-presets button{font-size:13px}.manual-time-fields{max-width:none}.manual-duration{margin-top:20px}.target-options .trim-grid{display:grid;grid-template-columns:1fr 1fr;margin:4px 0 15px;padding-top:0;border:0}.target-card .auto-note{margin-top:16px}.target-divider{display:block}.duration-row{margin:12px 0}.wave-wrap{height:250px}.original-wave-wrap{height:180px}.wave-top{font-size:12px}.wave-interaction-hint{font-size:12px}.transport{padding:12px}.transport .play-options{gap:12px;width:100%;justify-content:space-between}.transport .play-options label{font-size:12px}.transport>div{gap:10px}.transport #playTime{font-size:13px}.fade-grid{grid-template-columns:1fr 1fr;gap:15px}.fade-row select{flex-basis:100%;width:100%}.preset{font-size:12px}.tempo-card{padding:0}.tempo-card>summary{padding:20px}.tempo-card .disclosure-content{padding:0 20px 20px}.details-grid{gap:20px}.form-grid{gap:18px 15px}footer{padding:24px 16px;font-size:11px;gap:16px;align-items:start}footer span:first-child{max-width:none;font-size:11px}footer span:last-child{max-width:150px;font-size:11px}.small-note p{font-size:12px}.photo-controls .btn{font-size:13px}}
@media(max-width:390px){.nav,.nav:last-child{font-size:11px;padding:10px 5px;gap:5px}.nav span.nav-icon{width:16px;height:16px}.header-actions .btn.small{font-size:11px;padding:8px 9px}.header-actions .btn.small::before{width:15px;margin-right:5px}.duration-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.fade-grid{grid-template-columns:1fr}.card{padding:18px}.transport>div{gap:8px}.volume-label input{width:60px}.wave-top span:last-child{font-size:11px}}

.optional-settings>summary{font-family:Instrument Sans,system-ui,sans-serif}.workspace-label{text-transform:none}

.join-listen{--button-icon:var(--icon-headphones)}#changeFile{--button-icon:var(--icon-folder)}.join-listen::before,#changeFile::before{content:'';display:inline-block;vertical-align:-3px;width:18px;height:18px;margin-right:8px;background:currentColor;mask:var(--button-icon) center/contain no-repeat}