.synth-lab{height:calc(100dvh - var(--consent-inset,0px));color:var(--fg);background:var(--bg-deep);font-size:var(--ui-text-md);flex-direction:column;display:flex}.lab-header{border-bottom:1px solid var(--border);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;display:flex}.lab-header>div{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.lab-header h1{font-size:var(--text-lg);margin:0}.lab-header p{color:var(--fg-muted);font-size:var(--ui-text-lg);margin:0}.lab-header a{font-size:var(--ui-text-lg);text-decoration:none}.lab-header nav,.lab-phrase{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.synth-lab .lab-action{width:auto;height:auto;min-height:32px;font:inherit;justify-content:center;align-items:center;gap:6px;padding:6px 10px;line-height:1.25;display:inline-flex}.lab-action.lab-primary{background:var(--accent);color:var(--fg-on-accent);border-color:var(--accent)}.lab-action[aria-pressed=true]:not(.active){border-color:var(--accent);color:var(--accent)}.lab-layout{flex:1;grid-template-columns:310px minmax(0,1fr);min-height:0;display:grid}.lab-start,.lab-workspace{scrollbar-gutter:stable;min-width:0;overflow:auto}.lab-start{border-right:1px solid var(--border);background:var(--bg-surface);flex-direction:column;gap:12px;padding:20px;display:flex}.lab-start>*{flex-shrink:0}.lab-start h2,.lab-workspace h2{font-size:var(--ui-text-2xl);margin:0;font-weight:600}.lab-start h2:not(:first-child){margin-top:8px}.lab-start p,.lab-workspace>p,.lab-performance>p{font-size:var(--ui-text-lg);color:var(--fg-muted);margin:0;line-height:1.6}.lab-start label,.lab-fields label{font-size:var(--ui-text-lg);color:var(--fg-muted);flex-direction:column;gap:6px;display:flex}.lab-input{font:inherit;color:var(--fg);background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;max-width:100%;padding:8px}.lab-input:not([type=checkbox]){min-height:32px}.lab-input:focus-visible{border-color:var(--accent)}.lab-start textarea.lab-input{resize:vertical;width:100%;min-height:116px;line-height:1.6}.lab-start select{width:100%}.lab-start select[size]{min-height:240px}.lab-start option{padding:6px}.lab-start .view-toggle{width:100%;display:flex}.lab-start .view-toggle button{flex:1}.lab-prompt-ideas{flex-wrap:wrap;gap:6px;display:flex}.lab-prompt-ideas .lab-action{font-size:var(--text-xs);min-height:28px;padding:4px 7px}.lab-hint{font-size:var(--text-xs);color:var(--fg-muted);line-height:1.5}.lab-start summary,.lab-performance>summary,.lab-step>summary{cursor:pointer;font-size:var(--ui-text-lg);padding:8px 0}.lab-inspiration{border-top:1px solid var(--border);padding-top:6px}.lab-inspiration ul{font-size:var(--ui-text-lg);color:var(--fg-muted);padding-left:18px;line-height:1.6}.lab-inspiration li+li{margin-top:10px}.lab-inspiration strong{color:var(--fg)}.lab-workspace{padding:20px 24px}.lab-workspace-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.lab-workspace-head h2{font-size:var(--text-lg)}.lab-controls{margin:12px 0}.lab-controls .device-card-head{flex-wrap:wrap;padding:10px 14px}.lab-controls .device-card-modules{gap:18px;padding:22px 16px}.lab-controls .knob{width:72px}.lab-controls .knob-label{max-width:72px}.lab-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:28px}.lab-empty p{color:var(--fg-muted);line-height:1.6}.lab-editor{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;height:clamp(560px,78vh,920px);margin:12px 0;display:flex;position:relative;overflow:hidden}.lab-editor>*{flex:1;min-height:0}.lab-editor .graph-editor-palette{flex:none;max-height:132px;overflow-y:auto}.lab-performance{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);margin:16px 0;padding:4px 14px}.lab-fields{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;padding:16px 0;display:grid}.lab-audition{border-top:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius-sm);margin-top:20px;padding:16px}.lab-audition h2{margin-bottom:12px}.lab-audition>p,.lab-audition>label{color:var(--fg-muted);font-size:var(--ui-text-lg)}.lab-keys{touch-action:none;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;max-width:560px;margin:16px 0 12px;display:grid;position:relative}.lab-keys>.lab-action{color:#20252d;background:#e1e5ea;border-color:#a8afb8;border-radius:0 0 4px 4px;grid-row:1;align-items:flex-end;height:100px;padding-bottom:10px}.lab-keys>.black{z-index:1;color:#e8eaed;width:7%;height:64px;font-size:var(--ui-text-md);background:#252b34;border-color:#11151c;position:absolute;top:0;transform:translate(-50%)}.lab-keys>.lab-action:active{background:var(--accent);color:var(--fg-on-accent)}.lab-chords{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.lab-chords .lab-action{min-width:64px}.lab-step{border-top:1px solid var(--border);margin:12px 0}.lab-step label,.lab-phrase label{font-size:var(--ui-text-lg);color:var(--fg-muted);align-items:center;gap:8px;display:inline-flex}.lab-step input,.lab-phrase input{width:72px}.lab-steps{grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;margin:12px 0;display:grid}.lab-steps .lab-action{min-width:0;font-size:var(--text-xs);padding:6px 0}.lab-steps .lab-action:nth-child(4n+1){border-left-color:var(--fg-muted)}.lab-steps .lab-action[aria-pressed=true]{background:var(--accent);color:var(--fg-on-accent)}.lab-phrase{margin-bottom:12px}.lab-phrase select{max-width:230px}.lab-error,.lab-share,.lab-vst-note,.synth-lab>[role=status]{border-bottom:1px solid var(--border);margin:0;padding:12px 20px}.lab-error{border-left:3px solid var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);gap:8px;display:grid}.lab-error>*{max-width:720px;margin:0}.lab-error h2{font-size:var(--text-md);color:var(--danger)}.lab-error-note{color:var(--muted,inherit);font-size:var(--text-sm)}.lab-error-actions .lab-action{white-space:nowrap}.lab-error-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lab-vst-note{gap:10px;display:grid}.lab-vst-note>*{max-width:640px}.lab-vst-note p{margin:0}.lab-vst-note>.linklike{justify-self:start}.lab-share{align-items:center;gap:12px;display:flex}.lab-share input{flex:1}@media (width<=1000px){.lab-header>div p{display:none}.lab-header{gap:12px;padding:12px}.lab-layout{grid-template-columns:270px minmax(0,1fr)}.lab-workspace{padding:16px}.lab-workspace-head{align-items:flex-start}.lab-steps{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (width<=700px){.synth-lab{height:auto;min-height:100dvh}.lab-header{flex-wrap:wrap}.lab-header nav{gap:6px}.lab-layout{flex-direction:column;display:flex}.lab-start,.lab-workspace{padding:16px;overflow:visible}.lab-start{border-right:none;border-bottom:1px solid var(--border)}.lab-workspace-head .view-toggle{flex-wrap:wrap;width:100%}.lab-workspace-head .view-toggle button{flex:1}.lab-audition{padding:12px 0}.lab-editor{height:clamp(520px,80vh,760px)}.lab-phrase select{width:100%;max-width:100%}.lab-share{flex-direction:column;align-items:stretch}}fieldset.lab-tabs,fieldset.lab-start-tabs{margin:0;padding:0}fieldset.lab-prompt-ideas,fieldset.lab-chords{border:0;min-width:0;margin:0;padding:0}fieldset.lab-chords{margin:12px 0}.lab-jump{display:none}@media (width<=700px){.synth-lab{height:calc(100dvh - var(--consent-inset,0px));min-height:0;overflow:auto}.lab-header,.lab-layout{flex:none}.lab-jump{font-size:var(--ui-text-lg);padding:8px 0;display:block}}.lab-ai-route{border:0;margin:0;padding:0}.lab-ai-route>label{flex-direction:row;align-items:center;gap:8px;display:flex}@media (pointer:coarse){.lab-qwerty{display:none}}@media (width<=700px){.lab-keys>.black{min-width:32px}}