*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#e9eef8;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#22383fc7,#151226e6),#090c12}button,input,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.5}.audio-lab{display:grid;min-height:100vh;grid-template-rows:auto 1fr;gap:18px;padding:22px}.lab-index{grid-template-rows:auto;align-content:start;gap:72px;width:min(1180px,100%);margin:0 auto;padding:28px}.lab-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lab-link{display:grid;gap:12px;min-height:250px;align-content:start;border:1px solid rgba(190,216,218,.2);border-radius:14px;padding:24px;color:#f8fbff;background:linear-gradient(145deg,#21484d47,#090c125c),#090c12b8;text-decoration:none;transition:border-color .16s ease,transform .16s ease,background-color .16s ease}.lab-link:hover,.lab-link:focus-visible{border-color:#90e0d89e;outline:2px solid #90e0d8;outline-offset:2px;transform:translateY(-3px)}.lab-link .lab-link-title{margin-top:12px;font-size:1.3rem;font-weight:700}.lab-link small{color:#aebdd0;font-size:.92rem;line-height:1.5}.lab-link strong{align-self:end;margin-top:auto;color:#cceeea;font-size:.78rem;line-height:1.45}.lab-link-number{color:#90e0d8;font-size:.72rem;font-weight:700;letter-spacing:.14em}.splash-hero{position:relative;display:grid;min-height:min(660px,calc(100vh - 56px));grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:54px;overflow:hidden;border:1px solid rgba(190,216,218,.18);border-radius:20px;padding:clamp(32px,7vw,84px);background:radial-gradient(circle at 82% 45%,rgba(38,111,115,.3),transparent 32%),linear-gradient(145deg,#12202af0,#090c12c7);box-shadow:0 28px 80px #00000038}.splash-copy{position:relative;z-index:1}.splash-eyebrow{margin:0 0 12px;color:#90e0d8;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.splash-copy h1{max-width:720px;margin:0;color:#f8fbff;font-size:clamp(3rem,7vw,6.3rem);line-height:.94;letter-spacing:-.055em}.splash-intro{max-width:670px;margin:28px 0 0;color:#c4d0df;font-size:clamp(1rem,1.7vw,1.16rem);line-height:1.65}.splash-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:32px}.splash-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px}.splash-cta:hover,.splash-cta:focus-visible{outline:2px solid #90e0d8;outline-offset:3px}.splash-preference{display:inline-flex;align-items:center;gap:9px;color:#c4d0df;cursor:pointer;font-size:.88rem;font-weight:700}.splash-preference[hidden]{display:none}.splash-preference input{width:17px;height:17px;margin:0;accent-color:#90e0d8}.splash-preference input:focus-visible{outline:2px solid #90e0d8;outline-offset:3px}.splash-signal{display:flex;height:250px;align-items:center;justify-content:center;gap:clamp(5px,1vw,10px)}.splash-signal span{width:clamp(5px,.7vw,9px);height:var(--level);min-height:18px;border-radius:999px;background:linear-gradient(180deg,#d3fff9,#4eaaa7 70%,#266f73);box-shadow:0 0 26px #90e0d833;animation:signal-pulse 2.4s ease-in-out var(--delay) infinite alternate}@keyframes signal-pulse{0%,20%{transform:scaleY(.72);opacity:.56}75%,to{transform:scaleY(1);opacity:1}}.splash-section{scroll-margin-top:28px}.splash-section-heading{max-width:680px}.splash-section-heading h2,.splash-tips h2{margin:0;color:#f8fbff;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.08;letter-spacing:-.035em}.splash-section-heading>p:last-child{margin:16px 0 0;color:#aebdd0;line-height:1.6}.splash-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:36px 0 0;padding:0;list-style:none}.splash-steps li{display:grid;grid-template-columns:auto 1fr;gap:14px;border-top:1px solid rgba(190,216,218,.22);padding-top:18px}.splash-steps li>span{color:#90e0d8;font-size:.72rem;font-weight:700;letter-spacing:.1em}.splash-steps strong{color:#f8fbff}.splash-steps p{margin:8px 0 0;color:#aebdd0;font-size:.9rem;line-height:1.5}.lab-picker .lab-index-grid{margin-top:30px}.lab-picker-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.lab-picker-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.lab-index.is-splash-dismissed{gap:24px}.lab-index.is-splash-dismissed .splash-hero,.lab-index.is-splash-dismissed .how-it-works,.lab-index.is-splash-dismissed .splash-tips{display:none}.splash-tips{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:48px;border:1px solid rgba(144,224,216,.2);border-radius:16px;padding:clamp(26px,5vw,52px);background:#090c12a8}.splash-tips ul{display:grid;gap:16px;margin:0;padding:0;list-style:none}.splash-tips li{border-left:2px solid rgba(144,224,216,.48);padding-left:14px;color:#aebdd0;font-size:.9rem;line-height:1.5}.splash-tips li strong{color:#f8fbff}.app-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.app-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.version-badge{border:1px solid rgba(144,224,216,.34);border-radius:999px;padding:4px 8px;color:#90e0d8;background:#090c1280;font-size:.7rem;font-weight:700;letter-spacing:.06em}.app-header h1,.editor-heading h2,.reference-panel h2{margin:0;letter-spacing:.02em}.app-header p,.editor-heading p{margin:6px 0 0;color:#aebdd0;line-height:1.35}.header-actions,.transport-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.preset-field{display:grid;gap:5px;min-width:220px;color:#cfdae8;font-size:.76rem;font-weight:700}.preset-field select{width:100%;border:1px solid rgba(190,216,218,.32);border-radius:7px;padding:8px;color:#f8fbff;background:#05080ed6}.loop-control{display:flex;align-items:center;gap:7px;min-height:36px;color:#c9d7e7;cursor:pointer;font-size:.9rem;font-weight:700}.loop-control input{width:16px;height:16px;accent-color:#90e0d8}.primary-button,.secondary-button{border:1px solid rgba(190,216,218,.42);border-radius:8px;padding:9px 14px;color:#f8fbff;cursor:pointer;font-weight:700}.primary-button{background:#266f73}.secondary-button{background:#0a0f189e}.header-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.primary-button:hover,.primary-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible{outline:2px solid #90e0d8;outline-offset:2px}.workspace{display:grid;min-height:0;grid-template-columns:minmax(190px,.72fr) minmax(360px,1.6fr) minmax(260px,.9fr);gap:16px}.music-workspace{grid-template-columns:minmax(160px,.54fr) minmax(420px,1.72fr) minmax(260px,.9fr)}.hum-workspace{display:grid;min-height:0;grid-template-columns:minmax(340px,.86fr) minmax(420px,1.14fr);gap:16px}.voice-lab{grid-template-rows:auto auto 1fr}.voice-mode-picker,.voice-results-panel{min-width:0;border:1px solid rgba(190,216,218,.18);border-radius:8px;padding:16px;background:#090c1294}.voice-section-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.voice-section-heading h2{margin:0;letter-spacing:.02em}.voice-section-heading p{margin:6px 0 0;color:#aebdd0;line-height:1.35}.voice-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.voice-mode-card{display:grid;gap:7px;min-height:108px;align-content:center;border:1px solid rgba(190,216,218,.2);border-radius:8px;padding:14px;color:#f8fbff;background:#0f16228f;cursor:pointer;text-align:left}.voice-mode-card span{color:#aebdd0;font-size:.84rem;line-height:1.35}.voice-mode-card.is-active{border-color:#90e0d8c7;background:#244f59;box-shadow:0 0 0 1px #90e0d833}.voice-mode-card:hover,.voice-mode-card:focus-visible{outline:2px solid #90e0d8;outline-offset:2px}.voice-workspace{display:grid;min-height:0;grid-template-columns:minmax(0,1fr);gap:16px}.voice-capture-panel{align-content:start;grid-template-rows:none;overflow:visible}.recording-panel{display:grid;gap:12px;border:1px solid rgba(190,216,218,.18);border-radius:8px;padding:12px;background:#0f162280}.recording-panel>div{display:grid;gap:5px}.recording-panel span{color:#aebdd0;font-size:.8rem;line-height:1.35}.recording-panel audio{width:100%}.voice-library{border:1px solid rgba(190,216,218,.18);border-radius:12px;display:grid;gap:12px;margin:0;padding:16px}.voice-library[hidden]{display:none}.voice-library legend{font-weight:700;padding:0 6px}.voice-library>p{color:var(--muted);font-size:.82rem;margin:0}.voice-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.voice-library-group{display:grid;align-content:start;gap:10px;border:1px solid rgba(190,216,218,.16);border-radius:9px;padding:12px;background:#060b1261}.voice-library-group label{display:grid;gap:5px;color:#aebdd0;font-size:.78rem;font-weight:700}.voice-library-group input,.voice-library-group select{width:100%;border:1px solid rgba(190,216,218,.28);border-radius:8px;padding:8px 10px;color:#e9eef8;background:#060b12b8}@media(max-width:680px){.voice-library-grid{grid-template-columns:1fr}}.file-button{display:inline-flex;width:fit-content}.file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.recording-filters{border:1px solid rgba(190,216,218,.18);border-radius:12px;display:grid;gap:12px;margin:0;padding:16px}.recording-filters legend{font-weight:700;padding:0 6px}.recording-filters>p{color:var(--muted);font-size:.82rem;margin:0}.recording-filter-visual{position:relative;height:clamp(240px,32vw,380px);overflow:hidden;border:1px solid rgba(190,216,218,.24);border-radius:10px;background:#060b12b8;touch-action:none;-webkit-user-select:none;user-select:none}.recording-filter-visual canvas{display:block;width:100%;height:100%}.filter-selection{position:absolute;border:1px solid rgba(144,224,216,.55);background:#90e0d81a;pointer-events:none}.filter-playhead{position:absolute;z-index:3;top:0;bottom:0;display:none;width:2px;background:#fff;box-shadow:0 0 7px #ffffffe6;pointer-events:none;transform:translate(-50%)}.filter-playhead.is-playing{display:block}.preview-modal{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:#03060bcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-modal[hidden]{display:none}.config-editor-modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:18px;background:#03060bdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.config-editor-modal[hidden]{display:none}.config-editor-modal-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1440px,100%);height:min(920px,calc(100vh - 36px));gap:14px;border:1px solid rgba(144,224,216,.42);border-radius:14px;padding:18px;background:#111927;box-shadow:0 22px 70px #0000009e}.config-editor-modal iframe{width:100%;height:100%;border:1px solid rgba(190,216,218,.24);border-radius:10px;background:#090c12}.config-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.config-editor-footer output{min-height:1.2em}.preview-modal-card{display:grid;width:min(900px,100%);gap:18px;border:1px solid rgba(144,224,216,.42);border-radius:14px;padding:20px;background:#111927;box-shadow:0 22px 70px #0000008c}.preview-modal-heading,.preview-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-modal-heading span,.preview-modal-footer span{color:#90e0d8;font-size:.75rem;font-weight:700;text-transform:uppercase}.preview-modal-heading h2{margin:4px 0 0}.preview-modal-waveform{position:relative;height:clamp(220px,36vw,360px);overflow:hidden;border:1px solid rgba(190,216,218,.24);border-radius:10px;background:#060b12e6}.preview-modal-waveform canvas{width:100%;height:100%}.preview-modal-selection,.preview-modal-playhead{position:absolute;top:0;bottom:0;pointer-events:none}.preview-mixer{display:grid;gap:10px}.preview-channel{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr) auto;align-items:end;gap:14px;border:1px solid rgba(190,216,218,.18);border-radius:9px;padding:12px;background:#060b1275}.preview-source-select,.preview-volume{display:grid;gap:6px;color:#aebdd0;font-size:.75rem;font-weight:700}.preview-source-select select{width:100%;border:1px solid rgba(190,216,218,.3);border-radius:7px;padding:8px;color:#f8fbff;background:#0b111c}.preview-volume input{width:100%;accent-color:#90e0d8}.preview-source-toggle,.preview-mute{display:flex;align-items:center;gap:8px;min-height:36px;color:#cfdae8;font-size:.82rem;font-weight:700}.preview-source-toggle input,.preview-mute input{width:17px;height:17px;accent-color:#90e0d8}@media(max-width:680px){.preview-channel{grid-template-columns:1fr}}.preview-modal-selection{border-inline:1px solid rgba(144,224,216,.55);background:#90e0d814}.preview-modal-playhead{z-index:2;width:3px;background:#fff;box-shadow:0 0 9px #fff;transform:translate(-50%)}.filter-handle{position:absolute;z-index:2;margin:0;border:0;border-radius:999px;padding:0;background:#90e0d8;box-shadow:0 0 0 2px #060b12bf;touch-action:none}.filter-handle:hover,.filter-handle:focus-visible{outline:2px solid #fff;outline-offset:2px}.filter-handle-time{top:0;width:5px;height:100%;cursor:ew-resize;transform:translate(-50%)}.filter-handle-time:after{position:absolute;top:8px;left:50%;width:15px;height:25px;border-radius:5px;background:#90e0d8;content:"";transform:translate(-50%)}.filter-handle-level{left:0;width:100%;height:5px;cursor:ns-resize;transform:translateY(-50%)}.filter-handle-level:after{position:absolute;top:50%;right:8px;width:25px;height:15px;border-radius:5px;background:#90e0d8;content:"";transform:translateY(-50%)}.filter-handle-end,.filter-handle-max{background:#f3b86b}.filter-handle-end:after,.filter-handle-max:after{background:#f3b86b}.filter-axis-label{position:absolute;z-index:1;color:#e9eef89e;font-size:.68rem;pointer-events:none;text-transform:uppercase}.filter-axis-time{right:8px;bottom:6px}.filter-axis-level{top:8px;left:7px;writing-mode:vertical-rl}.recording-filter-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.recording-filter-grid label{display:grid;font-size:.78rem;gap:5px}.recording-filter-grid input{background:#060b12b8;border:1px solid rgba(190,216,218,.28);border-radius:8px;color:#e9eef8;padding:8px 10px;width:100%}.recording-filter-actions{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:560px){.recording-filter-grid{grid-template-columns:1fr}}.voice-results-panel{display:grid;min-height:0;grid-template-rows:auto 1fr;gap:16px;overflow:visible}.voice-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;overflow:visible}.final-composition-card{grid-column:1 / -1;border-color:#f3b86b94;background:linear-gradient(135deg,#44301fb8,#0f1622b8);box-shadow:0 0 0 1px #f3b86b1f}.composition-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.composition-toolbar button:nth-last-child(2){margin-left:auto}.composition-zoom-label{min-width:64px;color:#aebdd0;font-size:.72rem;text-align:center}.composition-timeline-shell{display:grid;grid-template-columns:72px minmax(0,1fr);min-width:0;border:1px solid rgba(190,216,218,.2);border-radius:9px;overflow:hidden;background:#05080e94}.composition-lane-labels{z-index:2;display:grid;grid-template-rows:30px repeat(3,58px);border-right:1px solid rgba(190,216,218,.2);background:#111927}.composition-lane-labels span,.composition-lane-labels strong{display:flex;align-items:center;padding:0 9px;border-bottom:1px solid rgba(190,216,218,.12);color:#aebdd0;font-size:.68rem}.composition-timeline-viewport{min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-color:#64788e #0b111c}.composition-timeline-surface{position:relative;height:204px;min-width:100%}.composition-ruler{position:absolute;inset:0 0 auto;height:30px;border-bottom:1px solid rgba(190,216,218,.2);background:#090c12c7}.composition-ruler span{position:absolute;top:0;bottom:0;padding:7px 0 0 5px;border-left:1px solid rgba(190,216,218,.22);color:#8fa0b4;font-size:.62rem;white-space:nowrap}.composition-lane{position:absolute;right:0;left:0;height:58px;border-bottom:1px solid rgba(190,216,218,.12);background:repeating-linear-gradient(90deg,rgba(190,216,218,.025) 0,rgba(190,216,218,.025) 1px,transparent 1px,transparent 24px)}.composition-item{position:absolute;z-index:1;display:flex;align-items:center;height:50px;min-width:52px;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:7px;padding:0 9px;box-shadow:0 3px 10px #0000003d}.composition-item span{overflow:hidden;font-size:.7rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.composition-item-effect,.composition-item-color.composition-item-effect{background:#75502f}.composition-item-beat,.composition-item-color.composition-item-beat{background:#266f73}.composition-item-melody,.composition-item-color.composition-item-melody{background:#5b477f}.composition-item-list{display:grid;gap:7px}.composition-item-list>p{margin:0;color:#aebdd0;font-size:.8rem}.composition-item-row{display:grid;grid-template-columns:12px minmax(140px,1fr) 64px 110px auto;align-items:center;gap:9px;border-top:1px solid rgba(190,216,218,.12);padding-top:7px}.composition-item-row>span{color:#aebdd0;font-size:.72rem;text-transform:capitalize}.composition-item-color{width:10px;height:32px;border-radius:999px}.composition-item-row label{display:grid;gap:3px;color:#8fa0b4;font-size:.62rem}.composition-item-row input{width:100%;border:1px solid rgba(190,216,218,.28);border-radius:6px;padding:6px 7px;color:#e9eef8;background:#060b12b8}.voice-empty-state{grid-column:1 / -1;display:grid;min-height:220px;place-items:center;border:1px dashed rgba(190,216,218,.24);border-radius:8px;padding:24px;color:#8fa0b4;text-align:center}.voice-result-card{display:grid;align-content:start;gap:12px;min-width:0;border:1px solid rgba(190,216,218,.2);border-radius:8px;padding:12px;background:#0f16228f}.voice-result-header{display:flex;align-items:start;justify-content:space-between;gap:10px}.voice-result-header h3{margin:0;font-size:1rem}.voice-result-header p{margin:5px 0 0;color:#aebdd0;font-size:.8rem;line-height:1.35}.voice-result-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.voice-result-metrics div{display:grid;gap:4px;border:1px solid rgba(190,216,218,.14);border-radius:7px;padding:8px;background:#05080e70}.voice-result-metrics span{color:#8fa0b4;font-size:.65rem;font-weight:700;text-transform:uppercase}.voice-result-metrics strong{font-size:.86rem}.voice-result-card .config-preview{min-height:240px;max-height:360px}.voice-result-card .config-preview[hidden]{display:none}.beat-lanes{display:grid;gap:6px}.beat-lane{display:grid;grid-template-columns:54px repeat(var(--beat-step-count),minmax(10px,1fr));gap:3px;align-items:center}.beat-lane strong{overflow:hidden;color:#c9d7e7;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.beat-hit{aspect-ratio:1;border-radius:3px;background:#bed8da1f}.beat-hit.is-on{background:#90e0d8}.embedded-lab .audio-lab{min-height:100%}.embedded-lab .app-header h1{font-size:1.35rem}.embedded-lab .app-header p{font-size:.82rem}.voice-config-grid,.voice-config-card,.voice-config-events{display:grid;gap:10px}.voice-config-card{border:1px solid rgba(190,216,218,.2);border-radius:8px;padding:12px;background:#0f16228f}.voice-config-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.voice-config-card-header h3{margin:0;font-size:.95rem}.voice-config-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.voice-config-fields label,.voice-config-event label{display:grid;gap:5px;color:#aebdd0;font-size:.72rem;font-weight:700}.voice-config-fields input,.voice-config-fields select,.voice-config-event input{min-width:0;width:100%;border:1px solid rgba(190,216,218,.28);border-radius:7px;padding:7px 8px;color:#f8fbff;background:#05080ed6}.voice-config-event{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:8px;border-top:1px solid rgba(190,216,218,.12);padding-top:9px}.voice-config-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.voice-config-toolbar h3,.voice-config-toolbar p{margin:0}.voice-config-toolbar p{color:#8fa0b4;font-size:.78rem}.sound-list-panel,.editor-panel,.reference-panel{min-width:0;border:1px solid rgba(190,216,218,.18);border-radius:8px;padding:16px;background:#090c1294}.sound-list-panel,.reference-panel{overflow:auto}.select-field,.field{display:grid;gap:8px;color:#cfdae8;font-size:.82rem;font-weight:700}.select-field select,.field input,.field select{width:100%;border:1px solid rgba(190,216,218,.32);border-radius:7px;padding:8px;color:#f8fbff;background:#05080ed6}.field input[type=range]{width:100%;padding:0;accent-color:#90e0d8;touch-action:none}.range-limits{display:flex;justify-content:space-between;color:#8fa0b4;font-size:.7rem;font-weight:700}.sound-list{display:grid;gap:8px;margin-top:14px}.sound-list button{border:1px solid rgba(190,216,218,.18);border-radius:7px;padding:10px;color:#c9d7e7;background:#141c299e;cursor:pointer;text-align:left}.sound-list button.is-active{border-color:#90e0d8c7;color:#fff;background:#244f59}.editor-panel{display:grid;grid-template-rows:auto auto 1fr auto;gap:16px;overflow:hidden}.editor-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.sound-kind{border:1px solid rgba(144,224,216,.34);border-radius:999px;padding:5px 9px;color:#90e0d8;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.compact-field{width:min(260px,100%)}.parameter-grid{display:grid;align-content:start;gap:12px;overflow:auto;padding-right:4px}.parameter-row{display:grid;grid-template-columns:minmax(0,1fr) 90px;align-items:end;gap:12px;border-bottom:1px solid rgba(190,216,218,.12);padding-bottom:12px}.layer-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid rgba(190,216,218,.12);padding-bottom:12px}.layer-toolbar span{margin-right:auto;color:#fff;font-weight:700}.layer-card{display:grid;gap:12px;border:1px solid rgba(190,216,218,.2);border-radius:8px;padding:12px;background:#0f16228f}.layer-header{display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto auto;align-items:center;gap:8px}.layer-toggle{display:flex;align-items:center;gap:6px;color:#c9d7e7;font-size:.8rem;font-weight:700}.layer-toggle input{width:16px;height:16px;accent-color:#90e0d8}.layer-name-input{min-width:0;border:1px solid rgba(190,216,218,.28);border-radius:7px;padding:8px;color:#f8fbff;background:#05080ed6}.layer-kind{border:1px solid rgba(144,224,216,.28);border-radius:999px;padding:5px 8px;color:#90e0d8;font-size:.68rem;font-weight:700;text-transform:uppercase}.layer-fields,.layer-subgrid{display:grid;gap:12px}.resonance-editor{display:grid;gap:12px;border-top:1px solid rgba(190,216,218,.16);padding-top:12px}.resonance-editor h4{margin:0;color:#fff}.resonance-row{display:grid;gap:10px;border:1px solid rgba(190,216,218,.14);border-radius:7px;padding:10px}.resonance-row strong{color:#c9d7e7;font-size:.8rem}.processor-placeholder{border:1px dashed rgba(190,216,218,.24);border-radius:7px;padding:9px;color:#aebdd0;font-size:.78rem;line-height:1.35}.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:10px;border:1px solid rgba(190,216,218,.18);border-radius:8px;padding:12px;background:#0f162280}.step-cell{display:grid;gap:6px;border-radius:7px;padding:4px;color:#cfdae8;font-size:.76rem;font-weight:700;transition:background-color 90ms ease,color 90ms ease,box-shadow 90ms ease}.step-cell.is-playing{color:#fff;background:#90e0d829;box-shadow:0 0 0 1px #90e0d88a}.step-cell input{min-width:0;border:1px solid rgba(190,216,218,.28);border-radius:7px;padding:8px;color:#f8fbff;background:#05080ed6;text-align:center}.step-cell.is-playing input{border-color:#90e0d8bd;background:#163038e6}.value-input{text-align:right}.copy-status{min-height:1.2em;color:#90e0d8;font-size:.85rem}.hum-capture-panel,.hum-result-panel{min-height:0}.capture-meter{overflow:hidden;height:12px;border:1px solid rgba(190,216,218,.22);border-radius:999px;background:#05080ed6}.capture-meter span{display:block;width:0%;height:100%;background:linear-gradient(90deg,#90e0d8,#f5c15c);transition:width 70ms linear}.pitch-readout,.hum-analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pitch-readout div,.hum-analysis-grid div{display:grid;gap:6px;border:1px solid rgba(190,216,218,.18);border-radius:8px;padding:10px;background:#0f162280}.pitch-readout span,.hum-analysis-grid span{color:#8fa0b4;font-size:.7rem;font-weight:700;text-transform:uppercase}.pitch-readout strong,.hum-analysis-grid strong{min-width:0;color:#f8fbff;font-size:1rem}.pitch-trace{display:flex;align-items:end;gap:3px;min-height:220px;border:1px solid rgba(190,216,218,.18);border-radius:8px;padding:12px;background:linear-gradient(rgba(190,216,218,.08) 1px,transparent 1px) 0 0 / 100% 25%,#05080e8a}.pitch-trace span{flex:1 1 4px;min-width:3px;border-radius:4px 4px 0 0;background:#90e0d8}.config-preview{overflow:auto;min-height:260px;margin:0;border:1px solid rgba(190,216,218,.18);border-radius:8px;padding:12px;color:#d7e8f3;background:#05080eb8;font-size:.78rem;line-height:1.45;white-space:pre-wrap}.hum-step-strip{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:7px}.hum-step-strip span{display:inline-grid;min-width:34px;min-height:32px;place-items:center;border:1px solid rgba(190,216,218,.2);border-radius:7px;color:#f8fbff;background:#05080ea8;font-size:.8rem;font-weight:700}.hum-step-strip span.is-playing{border-color:#90e0d8bd;background:#163038e6;box-shadow:0 0 0 1px #90e0d85c}.reference-list{display:grid;gap:16px;margin-top:12px}.reference-group{display:grid;gap:10px;border-bottom:1px solid rgba(190,216,218,.16);padding-bottom:14px}.reference-group h3{margin:0;color:#fff;font-size:.94rem}.reference-summary{margin:-4px 0 2px;color:#c1d0df;font-size:.84rem;line-height:1.38}.reference-item{border-left:2px solid rgba(144,224,216,.34);padding-left:10px}.reference-item h4{margin:0 0 5px;color:#fff;font-size:.82rem}.reference-item p{margin:0;color:#aebdd0;font-size:.84rem;line-height:1.38}@media(max-width:980px){.splash-hero{min-height:auto;grid-template-columns:1fr;gap:32px}.splash-signal{height:140px}.splash-steps,.splash-tips{grid-template-columns:1fr}.splash-tips{gap:30px}.workspace,.hum-workspace,.voice-workspace,.pitch-readout,.hum-analysis-grid,.voice-mode-grid,.voice-results,.lab-index-grid{grid-template-columns:1fr}.app-header,.editor-heading,.transport-row{align-items:stretch;flex-direction:column}.compact-field{width:100%}.layer-header{grid-template-columns:1fr}}@media(max-width:680px){.lab-index{gap:52px;padding:14px}.splash-hero{border-radius:14px;padding:36px 22px}.splash-copy h1{font-size:clamp(2.8rem,16vw,4.4rem)}.splash-actions,.lab-picker-heading,.lab-picker-actions{align-items:stretch;flex-direction:column}.splash-signal{height:100px}.splash-steps{grid-template-columns:1fr;gap:24px}.splash-tips{border-radius:14px}.config-editor-modal{padding:0}.config-editor-modal-card{width:100%;height:100vh;border-radius:0;padding:12px}.config-editor-footer{align-items:stretch;flex-direction:column}.voice-config-fields,.voice-config-event{grid-template-columns:1fr}.composition-toolbar button:nth-last-child(2){margin-left:0}.composition-item-row{grid-template-columns:12px minmax(0,1fr) auto}.composition-item-row>span,.composition-item-row label{grid-column:2}.composition-item-row button{grid-column:3;grid-row:1 / span 3}}@media(prefers-reduced-motion:reduce){.splash-signal span{animation:none}.lab-link{transition:none}}