:root{font-family:Inter,ui-sans-serif,system-ui;color:#dce8f5;background:#090d12;color-scheme:dark;--panel:#111820;--line:#263343;--mint:#65e6b4;--orange:#ffb45c}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -20%,#1d3040,#090d12 42%)}button,input,select{font:inherit}button,input,select{border:1px solid var(--line);border-radius:5px;background:#151e28;color:#dce8f5}button{padding:.55rem .8rem;cursor:pointer}button:hover{border-color:var(--mint)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:2px}header{min-height:72px;display:flex;align-items:center;gap:2rem;padding:.7rem 1rem;border-bottom:1px solid var(--line);background:#0d131aee;position:sticky;top:0;z-index:2}.brand{display:flex;align-items:center;min-width:255px;gap:.7rem}.logo{background:var(--orange);color:#19120a;padding:.5rem;font-weight:900;border-radius:5px}h1{font-size:1.1rem;margin:0;letter-spacing:.04em}.brand small,.section-title small{font-size:.65rem;letter-spacing:.18em;color:#8291a2}.toolbar{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.toolbar label{display:flex;align-items:center;gap:.35rem}.toolbar input{width:92px;padding:.45rem}.status{font-size:.72rem;padding:.4rem;border:1px solid var(--line);border-radius:20px}.status.ok{color:var(--mint)}main{display:grid;grid-template-columns:260px minmax(480px,1fr) 340px;min-height:calc(100vh - 72px)}aside,.editor{padding:1rem;border-right:1px solid var(--line)}h2,h3{margin:.25rem 0 .8rem}h2{font-size:1rem}h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.presets label{display:grid;gap:.3rem;font-size:.75rem;margin:.7rem 0}.presets input,.presets select,.editor input,.editor select{padding:.45rem;width:100%}.preset-list{display:grid;gap:.5rem;max-height:calc(100vh - 230px);overflow:auto}.preset{text-align:left;padding:.7rem;background:#101820}.preset.selected{border-color:var(--orange);box-shadow:inset 3px 0 var(--orange)}.preset strong,.preset small{display:block}.preset small,.preset p,.preset span{color:#8291a2;font-size:.68rem}.preset p{margin:.35rem 0}.section-title,.layers-head,.card-head{display:flex;justify-content:space-between;align-items:center}.section-title{padding-bottom:.8rem;border-bottom:1px solid var(--line)}.badge{color:var(--mint);font-size:.75rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}.form-grid>label{display:grid;gap:.3rem;font-size:.72rem}fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 75px;gap:.5rem}legend{font-size:.72rem;margin-bottom:.3rem}fieldset label input{width:100%}.layer-tabs{display:flex;gap:.4rem;overflow:auto}.layer-tabs .active{color:var(--mint);border-color:var(--mint)}.layer-card,.effects{background:var(--panel);border:1px solid var(--line);padding:1rem;margin:.6rem 0 1.2rem;border-radius:7px}.compact{border-left:3px solid #6994ff}.empty{padding:1rem;color:#8291a2;border:1px dashed var(--line)}.inspector{border-right:0}.inspector canvas{width:100%;height:190px;border:1px solid var(--line)}.legend{display:flex;gap:1rem;font-size:.7rem}.legend span:first-child{color:var(--mint)}.legend span:last-child{color:var(--orange)}details,section.validation,.inspector section{margin-top:1rem;border-top:1px solid var(--line);padding-top:.8rem}summary{cursor:pointer;font-weight:700}pre{font-size:.66rem;max-height:260px;overflow:auto;background:#080c11;padding:.7rem;color:#a9bed3}.validation{font-size:.72rem}.validation.valid h3{color:var(--mint)}.validation.invalid h3{color:#ff7c7c}.validation ul{padding-left:1.1rem}dl{display:grid;grid-template-columns:1fr 1fr;font-size:.72rem}dd{color:#9fb0c2}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1100px){main{grid-template-columns:220px minmax(460px,1fr)}.inspector{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.inspector>h2{grid-column:1/-1}}@media(max-width:767px){header{position:static;display:block}.toolbar{margin-top:.7rem}main{display:block}.preset-list{max-height:260px}.form-grid{grid-template-columns:1fr}.inspector{display:block}aside,.editor{border-right:0;border-bottom:1px solid var(--line)}}.preset-row{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:.3rem;align-items:start}.preset-row .preset{min-width:0}.favorite{padding:.5rem;color:var(--orange)}.check{display:flex!important;grid-template-columns:auto 1fr!important}.check input{width:auto}.error,.save-error{color:#ff7c7c}.save-modified{color:var(--orange)}.save-saving{color:#8fc8ff}.subpanel{border-top:1px solid var(--line);padding-top:1rem}.effect-card{border:1px solid var(--line);padding:.7rem;margin:.6rem 0;border-radius:5px;overflow:hidden}.effect-card .form-grid{margin:.6rem 0}.effect-card input,.effect-card select{max-width:100%}button:disabled{opacity:.45;cursor:not-allowed}.mode-switch{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;background:#080c11;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.mode-switch .active{color:var(--mint);border-color:var(--mint)}.mode-switch span{margin-left:auto;color:#8291a2;font-size:.72rem}.mode-switch+div header{top:48px}.m3-toolbar{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;padding:.7rem 1rem;border-bottom:1px solid var(--line);background:#0d131a}.composer-layout{grid-template-columns:230px minmax(620px,1fr) 340px}.project-browser,.render-panel{padding:1rem;border-right:1px solid var(--line)}.project-browser button{display:block;width:100%;margin:.35rem 0;text-align:left}.project-browser select{width:100%;padding:.5rem}.composer{padding:1rem;min-width:0}.composer-controls,.render-controls,.event-inspector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:1rem 0}.composer-controls label,.render-controls label,.event-inspector label,.track-mix label{display:grid;gap:.25rem;font-size:.7rem}.composer-controls input,.composer-controls select,.render-controls input,.render-controls select,.event-inspector input{width:100%;padding:.45rem}.timeline-scroll{overflow-x:auto;border:1px solid var(--line);background:#0b1016;padding-top:28px}.time-axis{height:28px;position:relative;border-bottom:1px solid var(--line)}.time-axis span{position:absolute;font-size:.65rem;color:#8291a2;border-left:1px solid #263343;height:100%;padding-left:.2rem}.track{min-width:max-content;border-bottom:1px solid var(--line)}.track.selected{box-shadow:inset 3px 0 var(--mint)}.track-head{position:sticky;left:0;z-index:1;width:min(100%,620px);display:flex;align-items:center;gap:.55rem;padding:.35rem;background:#111820}.track-lane{height:54px;position:relative;background-image:linear-gradient(90deg,#263343 1px,transparent 1px);background-size:100px 100%}.event{position:absolute;top:8px;height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;background:#21455a;border-color:#4da0c7}.event.selected{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.track-mix{position:sticky;left:0;width:420px;display:flex;gap:.6rem;padding:.3rem;background:#0d131a}.track-mix input{width:90px}.event-inspector{border:1px solid var(--line);padding:1rem}.event-inspector h3{grid-column:1/-1}.render-panel{border-right:0}.render-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.render-panel canvas{width:100%;height:180px;border:1px solid var(--line);background:#080c11}.preview-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.6rem 0}.preview-controls label,.preview-controls span{grid-column:1/-1}.preview-controls input{width:100%}.ab-slot{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,auto);gap:.3rem;margin:.4rem 0}.ab-slot span{grid-column:1/-1;color:var(--orange);font-size:.7rem}@media(max-width:1100px){.composer-layout{grid-template-columns:200px minmax(520px,1fr)}.render-panel{grid-column:1/-1;border-top:1px solid var(--line)}}@media(max-width:767px){.mode-switch{position:static}.mode-switch+div header{top:0}.composer-layout{display:block}.project-browser,.composer,.render-panel{border-right:0;border-bottom:1px solid var(--line)}.composer-controls,.render-controls,.event-inspector{grid-template-columns:1fr}.timeline-scroll{max-width:100%}.track-head{width:520px}.mode-switch span{display:none}}.music-layout,.environment-layout{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr) minmax(220px,320px);gap:1rem;padding:1rem}.m4-toolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.65rem 1rem;border-bottom:1px solid var(--line)}.music-main{min-width:0}.music-main>header,.music-tracks{display:flex;gap:.6rem;align-items:end;flex-wrap:wrap;margin-bottom:.75rem}.music-tracks button.selected{outline:2px solid #38bdf8}.music-inspector label,.environment-layout label{display:grid;gap:.25rem;margin:.45rem 0}#piano-roll{display:block;width:100%;height:min(52vh,520px);touch-action:none;border:1px solid var(--line);background:#111827}.drum-grid{max-width:100%;overflow:auto}.drum-row{display:grid;grid-template-columns:120px repeat(32,2rem) 8rem 6rem 2rem 2rem;gap:.2rem;align-items:center;min-width:max-content;margin:.25rem 0}.drum-row button{padding:.25rem}.drum-row button.active{background:#f59e0b;color:#111827}.automation-canvas{display:block;width:100%;height:80px;border:1px solid var(--line);background:#111827}.environment-layout article{padding:.65rem;border:1px solid var(--line);margin:.5rem 0}@media(max-width:900px){.music-layout,.environment-layout{grid-template-columns:1fr}.music-layout>aside,.environment-layout>aside{max-height:none}}.comparison-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.comparison-card{min-width:0;padding:.75rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.comparison-card>header{position:static;min-height:0;padding:0 0 .6rem;background:transparent;border:0;justify-content:space-between;gap:.5rem}.comparison-card>header strong{min-width:0;overflow-wrap:anywhere}.comparison-card canvas{display:block;width:100%;height:110px;border:1px solid var(--line);background:#080c11}.comparison-transport{display:flex;gap:.3rem;flex-wrap:wrap}.comparison-transport button{padding:.4rem}.metadata-grid{display:grid;grid-template-columns:minmax(7rem,1fr) minmax(0,1fr);gap:.25rem .6rem}.metadata-grid dt{color:#9fb0c2}.metadata-grid dd{margin:0;overflow-wrap:anywhere}.comparison-card input{max-width:100%}@media(min-width:1280px){.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.comparison-grid{grid-template-columns:1fr}.comparison-card{width:100%}}.wb-workflow{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding-left:1.5rem}.wb-workflow li{white-space:nowrap}.control-help{color:#9fb0c2;margin-top:.25rem}.warning{padding:.65rem;border-left:4px solid #e4a11b;background:#e4a11b1f}.wb-proposal-ready{border:2px solid #58a6ff;box-shadow:0 0 0 3px #58a6ff24}.cloud-panel{margin:.5rem 1rem;border:1px solid #354257;border-radius:.5rem;padding:.5rem;background:#111823}.cloud-panel summary{cursor:pointer;font-weight:700}.cloud-panel section{display:inline-block;vertical-align:top;min-width:18rem;margin:.5rem;padding:.5rem}.cloud-project-list article{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:.4rem;align-items:center;border-top:1px solid #354257;padding:.4rem}.cloud-project-list small{grid-column:1/-1}.cloud-toolbar,.asset-actions,.dialog-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:end}.cloud-toolbar label{display:grid;gap:.2rem}.cloud-project-list article,.asset-list article,.public-project-list article,.revision-list article{overflow-wrap:anywhere}.asset-list article,.public-project-list article,.revision-list article{display:grid;gap:.35rem;border-top:1px solid var(--line);padding:.55rem}.upload-progress{display:grid;gap:.35rem;margin:.6rem 0}.upload-progress progress{width:100%}.read-only-badge{display:inline-block;color:var(--mint);border:1px solid var(--mint);border-radius:1rem;padding:.2rem .5rem}.share-viewer{display:block;max-width:900px;min-height:100vh;margin:auto;padding:1rem}.share-viewer header{position:static;padding:.6rem 0;background:transparent}.cloud-dialog{width:min(760px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;background:var(--panel);color:inherit;border:1px solid var(--line);border-radius:.5rem}.cloud-dialog::backdrop{background:#000a}.conflict-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:767px){.cloud-panel{margin:.25rem}.cloud-panel section{display:block;min-width:0;margin:.25rem}.cloud-project-list article{display:grid;grid-template-columns:1fr}.cloud-project-list small{grid-column:auto}.conflict-columns{grid-template-columns:1fr}.cloud-toolbar>*{max-width:100%}}