:root{--bg:#070b19;--panel:#11172a;--border:#2b3453;--text:#edf1ff;--muted:#9ba9cb;--acid:#70e8ec;color-scheme:dark}body{background-color:#070b19;background-image:radial-gradient(ellipse at 75% 2%,#39216b55,transparent 45%),radial-gradient(ellipse at 8% 50%,#10345050,transparent 40%),radial-gradient(circle at 15px 25px,#8c9fd333 .8px,transparent 1.2px),radial-gradient(circle at 59px 79px,#8ba5ef29 .6px,transparent 1.1px);background-size:auto,auto,113px 127px,173px 149px}header{background:#080d1cdb;border-bottom-color:#394165;backdrop-filter:blur(12px)}.brandmark{color:#071321;background:linear-gradient(140deg,#81f0eb,#a08bfc);box-shadow:0 0 20px #8a88fc28}.brand strong{letter-spacing:2px}.brand .badge{color:#a88cf4;border-color:#5c48884d}main{max-width:1600px}.titlebar{margin-bottom:24px}.eyebrow{color:#a390dd;letter-spacing:2px}h1{font-size:38px;letter-spacing:-1.3px}h1 span{color:#aa86ff}.panel{background:linear-gradient(145deg,#151c32f5,#0f1528f7);border-color:#313a5b;border-radius:12px;box-shadow:0 10px 25px #0002}.panelhead{border-bottom-color:#303951}.panelhead h2{font-size:18px}.quiet{color:#91a2c5}.voices .panelhead{gap:9px}.voices .panelhead h2{font-size:17px;white-space:nowrap}.voices .panelhead>span{font-size:12px;letter-spacing:0}.pad{background:#1c2540;border:1px solid #303957;margin:6px 10px;padding:3px}.pad.selected{background:linear-gradient(115deg,#23384d,#2b284d);border-color:#70e8ec;box-shadow:inset 3px 0 #70e8ec}.pad.fired{background:#39536b}.padname strong{font-size:14px}.padname small{color:#8ba2c8;font-size:12px}.voices{top:18px}.rackfoot{padding:12px}.pad button{padding:8px 5px}.studioTabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #303959;padding-bottom:12px}.studioTabs button{background:transparent;color:#a6b4d7;border:1px solid transparent;padding:10px 18px;font-weight:600}.studioTabs button.active{background:#2b2648;border-color:#69558c;color:#dccdff;box-shadow:inset 0 -2px #b099f2}.studioTabs span{background:#454061;padding:2px 6px;border-radius:4px;font-size:12px;margin-left:8px}.studioView[hidden],.workspace[hidden]{display:none!important}button{background:#202b45;border-color:#3c4b6f;color:#edf1ff}button:hover{background:#354363;border-color:#6575a3}.accent{background:linear-gradient(110deg,#70e8ec,#9bdcf5);color:#0a1b2c;border-color:#8beaf1;box-shadow:0 0 16px #79e7ed13}.accent:hover{background:#b3f5ff;border-color:#b3f5ff}input,select{background:#0c1327;border-color:#3b496e}.eqgraph,.scope{background:#090f21;border-color:#384260}.eqhint{background:#161f36;color:#96a6c8;border-top-color:#323b5c}.bandbutton{background:#1b2440;border-color:#39425f}.bandbutton.selected{background:#303452}.eqtoolbar{color:#b8c8e8}.scope>div{color:#90b9c7}.controlgroup h3{color:#ad93ee}.soundtools{gap:8px}.oscillators{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.osc{padding:18px 20px;border-right:1px solid var(--border)}.osc:last-child{border-right:0}.oscWave{display:flex;flex-direction:column;gap:8px;margin:14px 0 20px;color:var(--muted)}.oscWave select{text-transform:capitalize}.lfohead h3{color:#c7b1fc;font:600 14px 'Space Grotesk';letter-spacing:1px}.lfohead label{font-size:14px}.osc .control{margin-bottom:17px}.fxPanel .panelhead>span{font-size:12px;letter-spacing:.6px}.fxLayout{display:grid;grid-template-columns:1fr 300px}.fxUnit{padding:20px;border-bottom:1px solid var(--border)}.fxUnit:last-child{border-bottom:0}.fxUnit .lfohead{margin-bottom:18px}.fxUnit .control{margin-bottom:16px}#fxControls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.fxUnit{border-bottom:0;border-right:1px solid var(--border)}.shaperPane{padding:18px 20px}.shaperHead{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.shaperHead h3{font:600 14px 'Space Grotesk';margin:0;width:100%;color:#c7b1fc}.shaperHead select{flex:1;min-width:100px;font-size:12px}.shaperHead button{padding:8px 10px}.shaperPane canvas{height:230px;margin-top:16px;background:#091023;border:1px solid #354467;border-radius:8px;touch-action:none;cursor:crosshair}.shaperPane .subtle{margin:10px 0}.lfo canvas{background:#0a1123;border-color:#364363}.sampleTop{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 22px}.sampleTop>span{font-size:14px;color:#aebee0}.sampleTop label{display:flex;align-items:center;gap:9px}.sampleGraph{margin:0 22px;background:#080f22;border:1px solid #354363;border-radius:9px;overflow:hidden}.sampleGraph canvas{height:310px;touch-action:none;cursor:crosshair}.selectionControls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:20px 22px;border-bottom:1px solid var(--border)}.selectionControls label{display:flex;align-items:center;gap:8px;color:var(--muted)}.selectionControls input[type=number]{width:95px}.selectionControls input[type=range]{width:105px;accent-color:#ab8ff5;padding:0}.editActions{display:flex;gap:8px;flex-wrap:wrap;padding:20px 22px}.editorNote{padding:14px 22px;color:#9daece;font-size:14px;line-height:1.7;border-top:1px solid var(--border);background:#0c1323}.kitCapture{padding:20px 22px;display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.kitCapture label{display:grid;gap:8px;color:var(--muted)}.kitCapture input{min-width:220px}.kitCapture select{min-width:190px}.kitLayout{display:grid;grid-template-columns:270px minmax(0,1fr)}.folderPane{padding:20px;border-right:1px solid var(--border);background:#0c1324}.folderHeading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.folderHeading h3,.cargoTop h3{font:600 16px 'Space Grotesk';margin:0}.folderHeading span{font-size:12px;color:var(--muted)}#folderTree{display:grid;gap:7px}.folderButton{display:flex;justify-content:space-between;align-items:center;text-align:left;background:#162039;padding:11px 14px;border-color:#2d3b5b}.folderButton.active{background:#36284e;border-color:#8966bd;color:#e4d1ff}.folderButton span{color:#a4b2d4;font-size:12px}.newFolder{display:grid;gap:10px;border-top:1px solid var(--border);padding-top:20px;margin-top:24px}.newFolder label{display:grid;gap:7px;color:var(--muted);font-size:14px}.cargoPane{min-width:0}.cargoTop{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:8px;padding:22px;border-bottom:1px solid var(--border)}.cargoTop span{font-size:12px;color:var(--muted)}.cargoRow{display:grid;grid-template-columns:35px minmax(120px,1fr) minmax(130px,190px) 95px 32px;align-items:center;gap:10px;padding:14px 22px;border-bottom:1px solid #29344d}.cargoRow>button{padding:8px}.cargoRow input{width:100%;min-width:0;font-size:14px;border-color:transparent;background:#182239}.cargoName{min-width:0}.cargoName small{display:block;padding:5px 8px 0;color:#8ca5c7;font-size:12px}.cargoRow select{min-width:0;width:100%;font-size:14px}.cargoEmpty{padding:70px 32px;text-align:center;background:radial-gradient(ellipse at center,#49356a30,transparent 70%)}.cargoEmpty strong{font:500 25px 'Space Grotesk';color:#c6b8ee}.cargoEmpty p{color:#9daece;font-size:16px;line-height:1.7;max-width:450px;margin:18px auto 0}#kitBadge{font-size:12px}#recordMic.recording{color:#ffc4db;border-color:#df80ae;box-shadow:0 0 16px #b6287e33}footer>span:first-child{color:#a18dd2}.fxUnit .control label{font-size:14px}@media(max-width:1400px){.fxLayout{grid-template-columns:1fr}.shaperPane{border-top:1px solid var(--border);display:grid;grid-template-columns:220px 1fr;gap:20px}.shaperHead{align-content:start}.shaperHead h3{margin-bottom:8px}.shaperPane canvas{margin:0;height:180px}.shaperPane .subtle{grid-column:1/-1;margin:0}.fxUnit:last-child{border-right:0}.workspace{grid-template-columns:210px minmax(0,1fr)}.audition{flex-wrap:wrap}.kitLayout{grid-template-columns:240px minmax(0,1fr)}}@media(max-width:1100px){.osc{padding:18px 14px}.oscillators .control label{font-size:14px}.kitLayout{grid-template-columns:220px minmax(0,1fr)}.cargoRow{grid-template-columns:30px minmax(100px,1fr) 130px 32px;padding:12px}.cargoRow button[data-entry-load]{grid-column:2/-1;grid-row:2}.cargoRow button[data-entry-remove]{grid-column:4;grid-row:1}.fxPanel .panelhead{flex-wrap:wrap}h1{font-size:34px}}@media(max-width:760px){main{padding:20px 12px}.workspace{grid-template-columns:1fr}.studioTabs{gap:4px}.studioTabs button{padding:10px 8px;font-size:14px}.studioTabs span{display:none}.titlebar{margin-bottom:18px}.voices #pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px}.pad{margin:0;grid-template-columns:1fr;text-align:center;padding:2px}.pad>button:first-child{display:none}.pad .padname{text-align:center;min-height:47px}.padname strong{font-size:12px}.padname small{font-size:12px}.rackfoot{grid-template-columns:1fr 1fr}.oscillators{grid-template-columns:1fr}.osc{border-right:0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.osc .lfohead,.oscWave{grid-column:1/-1}.osc:last-child{border-bottom:0}.osc .control{margin-bottom:18px}#fxControls{grid-template-columns:1fr}.fxUnit{border-right:0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.fxUnit .lfohead{grid-column:1/-1}.shaperPane{display:block;padding:16px}.shaperPane canvas{height:220px;margin:16px 0}.shaperPane .subtle{margin:0}.sampleTop{padding:16px}.sampleTop label{width:100%;justify-content:space-between}.sampleTop select{flex:1}.sampleGraph{margin:0 12px}.sampleGraph canvas{height:240px}.selectionControls{padding:16px;gap:14px}.editActions{padding:16px}.editorNote{padding:16px;font-size:14px}.kitCapture{padding:16px}.kitCapture label{width:100%}.kitCapture input,.kitCapture select{width:100%;min-width:0}.kitLayout{grid-template-columns:1fr}.folderPane{border-right:0;border-bottom:1px solid var(--border);padding:16px}.newFolder{grid-template-columns:1fr 1fr;margin-top:16px;gap:10px}.newFolder label{min-width:0}.newFolder label input,.newFolder label select{width:100%}.newFolder button{font-size:12px;padding:10px 8px}#folderTree{grid-template-columns:1fr 1fr}.folderButton{font-size:14px;padding:10px!important}.cargoRow{grid-template-columns:30px minmax(110px,1fr) 100px 30px;gap:6px}.cargoTop{padding:16px}.kitView .panelhead{flex-wrap:wrap}.panelhead .audition{width:100%}.fxPanel .panelhead span{font-size:12px;line-height:1.6}footer{gap:12px}h1{font-size:32px;letter-spacing:-1px}.fxUnit .control label{font-size:14px}.headeractions button{font-size:12px}.badge{display:none}.panelhead{padding:16px}.oscPanel .panelhead{flex-wrap:wrap}}

.zipStatus:not(:empty){padding:12px 22px;border-bottom:1px solid var(--border);color:#9aeee9;background:#16364055;font-size:14px}

.labTransport{position:sticky;top:8px;z-index:5;background:#131b30f5;backdrop-filter:blur(12px)}.labTransport .panelhead{padding:16px 20px}.labSections{display:flex;gap:6px;padding:10px 16px;flex-wrap:wrap}.labSections a{color:#b9c9e9;text-decoration:none;padding:5px 10px;border:1px solid #354566;border-radius:5px;font-size:14px;background:#19233a}.labSections a:hover{color:#91edeb;border-color:#6585a5}.editor>.panel{scroll-margin-top:160px}@media(max-width:760px){.labTransport{top:4px}.labTransport .panelhead{padding:12px;gap:10px}.labSections{padding:8px;gap:4px}.labSections a{padding:5px 7px;font-size:12px}.labTransport .audition button{font-size:12px;padding:8px 10px}.editor>.panel{scroll-margin-top:180px}}

/* Browse sounds without crowding the sound designer. */
.workspace{grid-template-columns:310px minmax(0,1fr)}
.catalogTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:14px 14px 8px}
.catalogTabs button{padding:8px 6px;font-size:12px;color:#9faece}
.catalogTabs button[aria-selected="true"]{background:#7257d833;border-color:#a58bfa;color:#e6dbff;box-shadow:inset 0 0 16px #9571ff14}
.catalogTarget{padding:8px 14px 12px;display:grid;gap:8px}
.catalogTarget label{display:grid;gap:6px;font-size:11px;color:#a5b4d5}
.catalogTarget select{width:100%;min-width:0}
.catalogTarget small{font-size:11px;line-height:1.5;color:#7f91b5}
.catalogSounds{padding:0 14px 14px;display:grid;gap:7px}
.catalogSound{display:grid;grid-template-columns:34px minmax(0,1fr);border:1px solid #293456;border-radius:9px;overflow:hidden;background:#0d142a}
.catalogSound button{border:0;background:transparent;border-radius:0;text-align:left;padding:10px}
.catalogSound button:first-child{color:#70e8ec;border-right:1px solid #293456;padding:8px}
.catalogSound button:last-child{display:grid;gap:4px}
.catalogSound strong{font-size:12px;font-weight:600}
.catalogSound small{font-size:9px;color:#788bb4;letter-spacing:1px}
.catalogSound:hover{border-color:#8a6bdd;background:#191d3b}
.workingRack{border-top:1px solid #293456}
.workingRack summary{padding:14px;cursor:pointer;color:#9baacd;font-size:12px}
#repeatSelection[aria-pressed="true"],#activateTriple[aria-pressed="true"]{background:#7054ce;color:#fff;border-color:#b69bff}
@media(max-width:1000px){.workspace{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.catalogTabs{grid-template-columns:repeat(4,minmax(0,1fr))}.catalogSounds{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogTarget{grid-template-columns:1fr 1fr;align-items:center}.workingRack #pads{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.catalogTarget{grid-template-columns:1fr}.catalogSound strong{font-size:11px}.catalogTabs button{font-size:10px}}

.instrumentPanel{margin-bottom:16px;overflow:hidden}
.instrumentIntro{padding:16px 20px 0;font-size:12px;color:#92a6cc;line-height:1.6}
.instrumentFamilies{display:flex;gap:8px;padding:16px 20px}
.instrumentFamilies button{flex:1;background:#101b35}
.instrumentFamilies button[aria-pressed="true"]{background:#504185;border-color:#a98bf9;color:white}
#instrumentEditor{padding:0 20px 20px}
.instrumentToolbar{display:flex;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.instrumentToolbar label{display:flex;align-items:center;gap:8px;font-size:12px;color:#aebedf}
.instrumentControls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 20px;margin:20px 0}
.pianoKeys{display:flex;gap:3px;overflow-x:auto;padding:12px 3px;background:#060b18;border-radius:10px;min-height:110px}
.pianoKey{flex:1;min-width:27px;height:108px;padding:0 2px 10px;display:flex;align-items:flex-end;justify-content:center;border-radius:0 0 6px 6px;font-size:10px;touch-action:manipulation}
.pianoKey.white{background:linear-gradient(#eef2fd,#bdcde4);color:#1c2b47;border-color:#a5b6d0}
.pianoKey.black{background:linear-gradient(#344267,#0d1429);color:#b5c7ea;height:72px;margin:0 -10px;z-index:1;min-width:22px;flex:.7;border-color:#45537a}
.pianoKey.pressed,.pianoKey:active{background:#82e5ec;color:#05252a}
.chordButtons{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
@media(max-width:1100px){.instrumentControls{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.instrumentControls{grid-template-columns:repeat(2,minmax(0,1fr))}#instrumentEditor{padding:0 14px 16px}.pianoKeys{min-width:0}.pianoKey{min-width:25px}.instrumentToolbar{gap:12px}.instrumentPanel .panelhead{gap:10px}}

/* Clear grab handles and folder targets for kit organization. */
.cargoRow{grid-template-columns:26px 30px minmax(100px,1fr) minmax(110px,150px) auto auto 30px;gap:8px}
.cargoRow .cargoDrag{cursor:grab;touch-action:none;padding:5px;color:#819dc7;font-size:22px;background:transparent;border-color:transparent}
.cargoRow .cargoDrag:active{cursor:grabbing}
.cargoRow.cargoDragging{opacity:.45}
.folderButton.dropTarget{border-color:#7aeded;background:#164c58;color:#deffff;box-shadow:0 0 0 2px #72e9ee66}
.draggingCargo .folderButton{border-style:dashed}
.cargoRow [data-entry-duplicate]{font-size:12px;padding:8px}
#instrumentRack[hidden],.labSections a[hidden]{display:none!important}
@media(max-width:1250px){.cargoRow{grid-template-columns:24px 30px minmax(120px,1fr) 130px 28px}.cargoRow button[data-entry-load]{grid-column:3;grid-row:2}.cargoRow button[data-entry-duplicate]{grid-column:4;grid-row:2}.cargoRow button[data-entry-remove]{grid-column:5;grid-row:1}}
@media(max-width:760px){.cargoRow{grid-template-columns:22px 28px minmax(90px,1fr) 95px 26px;gap:5px}.cargoRow .cargoDrag{font-size:20px}.cargoName input{font-size:13px}.cargoRow select{font-size:11px;min-width:0}.cargoRow button[data-entry-load],.cargoRow button[data-entry-duplicate]{font-size:11px;padding:8px}.cargoRow button[data-entry-duplicate]{grid-column:4;grid-row:2}}

/* Ka's Lab library */
.kaLogo{width:44px;height:44px;object-fit:contain;border-radius:11px;background:#070b19;padding:0}
.workspace{grid-template-columns:360px minmax(0,1fr)}
.catalogSearchWrap{padding:14px 14px 0;display:grid;gap:8px}.catalogSearchWrap label{font-size:11px;color:#a5b4d5}.catalogSearchWrap input{width:100%;min-width:0;padding:11px}.catalogFilters{display:grid;grid-template-columns:1fr 1fr;gap:6px}.catalogFilters select{min-width:0;width:100%;font-size:12px}.catalogSearchWrap>button{justify-self:end;font-size:11px;padding:4px 8px}
.catalogGroups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:14px}.catalogGroups button{font-size:12px;padding:9px 3px}.catalogGroups button[aria-pressed=true],.catalogTabs button[aria-pressed=true]{background:#443267;border-color:#a58bfa;color:#f0e8ff}
.catalogBrowser{margin:0 14px;border:1px solid #303a59;border-radius:8px;background:#10172b}.catalogBrowser summary{padding:10px;font-size:12px;color:#aeb9d9;cursor:pointer}.catalogTabs{padding:0 8px 10px;grid-template-columns:1fr 1fr;max-height:250px;overflow:auto}.catalogTabs button{text-align:left;font-size:11px;padding:8px}
.catalogCount{font-size:11px;color:#b4a3e1;padding:0 14px;margin:12px 0 0}.catalogSounds{max-height:510px;overflow:auto;align-content:start;grid-template-columns:1fr}.catalogSound strong{font-size:13px}.catalogSound small{letter-spacing:0;font-size:10px}.soundTags{display:flex;flex-wrap:wrap;gap:3px}.soundTags span{background:#242e48;color:#b5c5e5;border-radius:4px;padding:2px 4px;font-size:9px}.soundTags span:nth-last-child(-n+2){background:#342849;color:#c6b0ee}.catalogMore{display:block;margin:0 auto 14px;font-size:12px}.catalogMore[hidden]{display:none}.catalogEmpty{padding:20px 10px;font-size:13px;display:grid;gap:12px}
@media(max-width:1100px){.workspace{grid-template-columns:320px minmax(0,1fr)}.brand strong{letter-spacing:1px}}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.catalogGroups{grid-template-columns:repeat(3,1fr)}.catalogTabs{grid-template-columns:repeat(3,1fr)}.catalogSounds{grid-template-columns:repeat(2,minmax(0,1fr));max-height:430px}.brand .kaLogo{width:36px;height:36px}.catalogTarget{grid-template-columns:1fr}}
@media(max-width:430px){.catalogSounds{grid-template-columns:1fr}.catalogTabs{grid-template-columns:1fr 1fr}.brand strong{font-size:15px}}

/* One independent scrolling surface for the complete catalog. */
.voices{max-height:var(--catalog-height,calc(100dvh - 36px));overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#586486 #10172b}
.voices .catalogTabs,.voices .catalogSounds{max-height:none;overflow:visible}
@media(max-width:760px){.voices{max-height:70dvh}}

/* Sound explorer and compactable racks */
.favoriteLibrary{display:block;width:calc(100% - 28px);margin:14px 14px 0;color:#efd17e}
#catalogDialog{width:min(1120px,94vw);max-width:1120px;padding:0;max-height:92dvh;overflow:auto;background:linear-gradient(145deg,#151c32,#0f1528);border-color:#5b5181;box-shadow:0 25px 90px #000b}
#catalogDialog::backdrop{background:#040815c9;backdrop-filter:blur(7px)}
.catalogDialogHead{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;gap:16px;border-bottom:1px solid #313a5b}
#catalogDialog .catalogSearchWrap{padding:16px 24px 0;grid-template-columns:1fr auto auto;align-items:center}#catalogDialog .catalogSearchWrap label{grid-column:1/-1}#catalogDialog .catalogFilters{min-width:270px}
#catalogDialog .catalogCount{padding:0 24px}.browserInstruction{font-size:12px;color:#99a9ca;margin:10px 24px}
#catalogDialog .catalogSounds{display:grid;grid-template-rows:repeat(3,130px);grid-auto-flow:column;grid-auto-columns:245px;grid-template-columns:none;max-height:none;overflow-x:auto;overflow-y:hidden;gap:10px;margin:0 24px 18px;padding:0 0 14px;overscroll-behavior:contain;scrollbar-color:#8c70ce #19223a}
#catalogDialog .catalogSound{position:relative;grid-template-columns:34px minmax(0,1fr);height:130px;min-width:0}
#catalogDialog .catalogSound [data-catalog-load]{display:flex;flex-direction:column;gap:6px;padding:14px 28px 10px 10px;text-align:left}
#catalogDialog .catalogSound .soundFavorite{position:absolute;right:3px;top:4px;padding:4px;font-size:22px;display:block;background:transparent;color:#a5b4d5;border:0}
#catalogDialog .soundFavorite[aria-pressed=true]{color:#ffd878}
#catalogDialog .soundTags span{font-size:9px}.catalogEmpty{grid-row:1/-1}
#creativeControls{padding:18px 22px}.crusherSwitch{display:flex;gap:8px;align-items:center;margin-bottom:18px}.creativeRanges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.creativeRanges .control{min-width:0}
.layerTools{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:18px 22px}.layerTools label{display:grid;gap:7px}.layerTools small{flex-basis:100%}
#layerList{padding:0 22px 20px;display:grid;gap:12px}.layerUnit{background:#10172a;border:1px solid #303c5b;border-radius:8px;padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.layerHead{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px}.layerHead label{display:flex;gap:8px;align-items:center}.layerHead button{font-size:11px}
.minimizeTool{margin-left:auto;flex-shrink:0;padding:3px 11px;font-size:22px;line-height:1.3}.toolBody[hidden]{display:none!important}
@media(max-width:760px){#catalogDialog .catalogSearchWrap{grid-template-columns:1fr;padding:14px}.catalogDialogHead{padding:16px}#catalogDialog .catalogFilters{min-width:0}#catalogDialog .catalogSounds{margin:0 14px 14px;grid-template-rows:repeat(3,115px);grid-auto-columns:220px}#catalogDialog .catalogSound{height:115px}#catalogDialog .catalogSound [data-catalog-load]{padding-top:9px;gap:4px}#catalogDialog .catalogSearchWrap>button{display:none}.creativeRanges{grid-template-columns:1fr 1fr}.layerUnit{grid-template-columns:1fr}.layerHead{grid-column:1}.layerTools select{max-width:260px}}

.soundDnaImport{padding:16px 14px;border-top:1px solid #303a59;display:grid;gap:9px}.soundDnaImport h3{margin:0;font-size:15px}.soundDnaImport label{font-size:11px;color:#a5b4d5}.soundDnaImport textarea,#dnaCopyText{width:100%;resize:vertical;min-width:0;background:#0c1325;color:#dce5ff;border:1px solid #3b4a6d;border-radius:6px;padding:10px;font:11px monospace;overflow-wrap:anywhere}.soundDnaImport button{font-size:12px}.soundDnaImport p{font-size:11px;line-height:1.5;color:#99add0;margin:0}.soundDnaCopy{display:flex;align-items:center;gap:8px;margin:5px 0}.soundDnaCopy button{font-size:11px;padding:4px 8px;color:#b9e5ed}.soundDnaCopy span{font-size:10px;color:#8ca0c5}.cargoName input{width:100%}#dnaCopyDialog{max-width:650px}#dnaCopyText{margin-bottom:14px}

#accountDialog{max-width:480px;padding:24px}.accountHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.accountHead button{padding:5px 10px}.accountTabs{display:flex;gap:8px;margin-bottom:18px}.accountTabs button{flex:1}.accountTabs button[aria-pressed=true]{background:#49376b;border-color:#b397ee}.accountLinks{display:flex;gap:10px;margin-top:12px}.accountLinks button{font-size:11px;padding:6px}#accountForm,#profileForm,#passwordResetForm{display:grid;gap:14px}#accountDialog label{display:grid;gap:7px;color:#b7c5df;font-size:12px}#accountDialog input{width:100%}#accountMessage{color:#9ce7e9;font-size:13px;line-height:1.6}#accountSetup{border:1px solid #8b7148;background:#42371f;padding:12px;border-radius:7px;color:#edd5a6;font-size:12px;line-height:1.5;margin-bottom:16px}.profileAvatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(140deg,#76e3ec,#a383ee);color:#101a32;display:grid;place-items:center;font-size:30px;margin:0 auto}#profileEmail,#profileVerified{text-align:center}#profileVerified{font-size:12px;color:#70ddd3}#accountProfile .subtle{margin:16px 0}.accountTabs [hidden],#accountDialog [hidden]{display:none!important}
