.lab-page,.maker-page{background:#0d111c;color:#eff2fa;min-height:100svh;color-scheme:dark}.lab-header{max-width:1400px;border-bottom:1px solid #293043;padding:20px 5%;gap:20px}.lab-header>a:first-child{display:flex}.lab-header img{width:135px;height:auto;filter:brightness(0) invert(1)}.lab-wordmark{font-size:11px;letter-spacing:2px;font-weight:800;border-left:1px solid #384155;padding-left:20px;margin-right:auto}.lab-header .language-picker{margin:0;background:#171e2e;border-color:#34405b}.lab-header select{color:#d5def2}.lab-kicker{font-size:10px;letter-spacing:2px;font-weight:700;color:#9bb0fb}.lab-intro{max-width:1080px;margin:auto;padding:60px 5%}.lab-intro h1{font-size:clamp(42px,6.5vw,80px);letter-spacing:-3px;margin:24px 0;line-height:1.1}.lab-intro h1 span{color:#89a3ff}.lab-lead{max-width:620px;font-size:17px;line-height:1.8;color:#b2bed6}.lab-primary{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:#315bea;color:#fff;border:1px solid transparent;border-radius:9px;padding:13px 18px;font-size:13px;font-weight:700;cursor:pointer}.lab-intro>.lab-primary{margin-top:28px}.lab-small{font-size:12px;color:#9fadc7;line-height:1.7;margin-top:15px}.session-preview{background:#161e30;border:1px solid #34405b;border-radius:16px;padding:25px;margin-top:45px;box-shadow:0 30px 80px #0003}.preview-toolbar{display:flex;justify-content:space-between;padding-bottom:22px;font-size:11px;color:#a7b6d6}.preview-lane{display:flex;gap:8px;align-items:center;border-top:1px solid #2b364e;padding:14px 0}.preview-lane span{width:75px;flex-shrink:0;font-size:12px;color:#a8b7d0}.preview-lane i{display:block;flex:1;height:44px;border-radius:5px;background:repeating-linear-gradient(90deg,#617fff 0 3px,#334e9e 3px 7px);border:1px solid #88a2ff}.preview-lane.bass i{background:repeating-linear-gradient(90deg,#35a88f 0 4px,#1f695e 4px 11px);border-color:#5ac2af}.preview-lane.voice i{background:repeating-linear-gradient(90deg,#a282dd 0 2px,#594485 2px 8px);border-color:#bb99f0}.session-preview>p{font-size:8px;letter-spacing:2px;color:#95a7c8;margin-top:12px}.lab-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:55px 0}.lab-benefits article>b{color:#8ba4ff;font-size:11px}.lab-benefits h2{font-size:23px;margin:15px 0;letter-spacing:-.8px}.lab-benefits p,.lab-ai-intro p,.lab-facts p{font-size:14px;line-height:1.9;color:#aab7d0}.lab-ai-intro{padding:30px;border:1px solid #36415b;background:#171e30;border-radius:14px}.lab-ai-intro h2{font-size:28px;margin:16px 0}.lab-facts{margin-top:35px}.lab-facts h2{font-size:25px;margin-bottom:18px}.lab-facts p{margin:12px 0}.lab-back{font-size:12px;margin-left:22px;color:#a5b9ff}.maker-main{max-width:1600px;padding:25px 3%;margin:auto}.session-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.project-name{display:block;background:transparent;border:0;border-bottom:1px solid #34405b;padding:10px 0;font-size:25px;color:white;border-radius:0;max-width:350px;width:100%}.project-actions{display:flex;gap:8px;flex-wrap:wrap}.maker-page button{background:#202a40;border:1px solid #3d4b68;color:#edf2ff;border-radius:7px;padding:10px 12px;font-size:11px;font-weight:600}.maker-page button:hover{background:#2c3955}.maker-page button:disabled{opacity:.45;cursor:wait}.maker-page button.lab-primary,.maker-page .play-control{background:#315bea;border-color:#5377f3}.maker-page button[aria-pressed=true]{background:#3861de;border-color:#94adff}.maker-page input,.maker-page select{background:#111827;color:#e0e9ff;border:1px solid #3a4663;border-radius:6px;font-size:12px;padding:8px}.maker-page input[type=range]{padding:0;accent-color:#6e91ff;min-width:60px;max-width:130px}.maker-page input[type=checkbox]{accent-color:#6e91ff}.transport{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#151e30;border:1px solid #303c56;border-radius:12px;padding:15px}.transport label{display:flex;align-items:center;gap:7px;font-size:11px;color:#acbad4}.transport input[type=number]{width:60px}.transport output{font-variant-numeric:tabular-nums;font-family:monospace;font-size:19px;padding:0 10px}.transport .record-control{color:#ffadb7}.transport .recording{background:#9e3046;color:white}.maker-status{font-size:12px;color:#a4b8f3;padding:14px 0;line-height:1.6;min-height:45px}.maker-status.error{color:#ffb0b9}.maker-layout{display:grid;grid-template-columns:215px 1fr;gap:18px}.maker-tools,.arrangement{border:1px solid #2c3852;border-radius:12px;background:#131b2b;min-width:0}.maker-tools{padding:20px}.maker-tools h2,.arrangement h2{font-size:15px;letter-spacing:-.3px;margin:0 0 18px}.maker-tools p{font-size:11px;line-height:1.8;color:#9eacc8;margin:12px 0 20px}.upload-audio{display:block;text-align:center;cursor:pointer;border:1px dashed #617db4;border-radius:8px;padding:13px 10px;font-size:12px;color:#cedbff;background:#1e2c47}.upload-audio:focus-within{outline:3px solid #89a3ff}.upload-audio input{display:block;width:100%;font-size:9px;padding:8px 0 0;border:0;background:transparent}.maker-tools>button{width:100%}.ai-panel{border-top:1px solid #34405a;padding-top:16px}.ai-panel summary{font-size:13px;cursor:pointer}.ai-panel summary span{display:block;font-size:9px;color:#a0adc8;margin:8px 0}.device-note{border-top:1px solid #34405a;padding-top:18px}.device-note>b{font-size:11px;color:#b3c4e4}.arrangement-heading{padding:20px 20px 0;display:flex;justify-content:space-between}.arrangement-heading>span{font-size:11px;color:#a1b3d5}.timeline-scroll{overflow-x:auto;padding:0 20px}.timeline-ruler{display:flex;justify-content:space-between;font-size:9px;color:#8297bd;border-bottom:1px solid #34405b;padding:10px 0;min-width:480px}.track-list{min-width:480px}.audio-track{border-bottom:1px solid #2f3c58;padding:15px 0}.audio-track.muted .waveform{opacity:.4}.audio-track-head{display:flex;gap:7px;margin-bottom:10px;align-items:center}.audio-track-head input{margin-right:auto;width:180px;border:0;background:transparent}.audio-track-head button{font-size:10px;padding:6px 10px}.waveform{height:52px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#34405750 calc(25% - 1px) 25%);position:relative;border:1px solid #2b3a57;overflow:hidden;border-radius:6px}.audio-clip{position:absolute;height:100%;min-width:2px;background:#243c71;border:1px solid #5473b5;border-radius:5px;overflow:hidden}.audio-clip canvas{width:100%;height:100%}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff;z-index:2}.track-controls{display:flex;gap:12px;margin-top:12px;align-items:center;flex-wrap:wrap}.track-controls label{font-size:9px;color:#9fb2d5;display:grid;gap:6px;flex:1}.track-controls input[type=number]{width:85px}.track-controls input[type=range]{width:75px;max-width:100%}.track-empty{text-align:center;padding:50px 20px}.track-empty>b{font-size:20px;letter-spacing:-.5px}.track-empty p{font-size:12px;color:#98a9c8;line-height:1.8;margin-top:12px}.drum-panel{margin-top:20px;padding:20px;border-top:1px solid #35415b}.drum-heading{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.drum-heading h2{margin:0 auto 0 0}.drum-heading label{font-size:11px;color:#b8c8e6;display:flex;gap:6px}.drum-panel>p{font-size:11px;color:#97a9cd;margin:15px 0;line-height:1.7}.sequencer-scroll{overflow-x:auto;padding-bottom:8px}.sequence-row{display:grid;grid-template-columns:58px repeat(16,minmax(20px,1fr));gap:5px;min-width:525px;margin:7px 0;align-items:center}.sequence-row>span{font-size:10px;color:#afbed9}.sequence-row button{height:28px;padding:0;border-color:#344260;background:#202a3d;border-radius:4px}.sequence-row button.bar-start{border-left:2px solid #839cd5}.sequence-row button.on{background:#6285ff;border-color:#a0b7ff;box-shadow:0 0 10px #6384ff30}.maker-help{margin-top:24px;font-size:12px;color:#a9bada;border:1px solid #34415b;border-radius:10px;padding:16px}.maker-help summary{cursor:pointer;font-weight:700}.maker-help p{margin-top:14px;line-height:1.8;max-width:900px}.maker-credits{display:inline-block;color:#92a4c9;font-size:10px;margin:20px 0}.maker-page dialog{background:#151e30;color:#eef2ff;border:1px solid #526383;border-radius:15px;padding:28px;width:min(90vw,500px)}.maker-page dialog::backdrop{background:#050914cc}.maker-page dialog h2{font-size:24px;margin:0 0 16px}.maker-page dialog p{font-size:12px;line-height:1.8;color:#a8b9d9;margin:12px 0}.maker-page dialog label{display:grid;gap:12px;font-size:12px;margin-top:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.saved-project{display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.saved-project>button:first-child{flex:1;text-align:left;overflow-wrap:anywhere}
@media(max-width:850px){.maker-layout{grid-template-columns:1fr}.maker-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.maker-tools h2{grid-column:1/-1;margin:0}.maker-tools p{margin:0;font-size:11px}.maker-tools .device-note,.maker-tools .ai-panel{grid-column:1/-1}.session-heading{align-items:flex-start;flex-direction:column}.maker-main{padding:20px 4%}.project-actions{width:100%}.project-actions button{flex:1}.lab-benefits{grid-template-columns:1fr;gap:25px}.lab-benefits h2{margin:8px 0}.lab-header{padding:16px 5%;gap:12px}.lab-header img{width:100px}.lab-wordmark{font-size:9px;padding-left:12px}.lab-header .language-picker select{max-width:85px;font-size:10px}.lab-intro{padding-top:35px}.lab-lead{font-size:15px}.lab-small{font-size:11px}.lab-intro h1{letter-spacing:-2px}.lab-back{display:block;margin:20px 0}.preview-lane span{width:48px;font-size:10px}.preview-lane i{height:34px}.session-preview{padding:18px}.transport{gap:10px;padding:12px}.transport label{font-size:10px}.transport input[type=number]{width:52px}.transport output{margin-left:auto}.transport .master-control{flex:1}.maker-page button{min-height:36px}.project-name{font-size:23px}.track-controls input[type=number]{font-size:16px}.maker-page input:not([type=range]):not([type=checkbox]):focus{font-size:16px}}