@layer components{.lab-hero{gap:clamp(var(--space-8), 6vw, var(--space-16));padding-block:clamp(var(--space-10), 7vw, var(--space-20));grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:end;display:grid}.lab-hero h1{max-width:13ch}.lab-hero__boundary{padding:clamp(var(--space-5), 4vw, var(--space-8));border-radius:var(--radius-xl);background:linear-gradient(145deg, #5ee3e013, transparent 58%), var(--surface-raised);box-shadow:var(--shadow-sm);border:1px solid #5ee3e052}.lab-section-heading{max-width:52rem}.lab-modality-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lab-modality-card{gap:var(--space-4);min-width:0;padding:clamp(var(--space-5), 3vw, var(--space-7));border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised);align-content:start;display:grid}.lab-modality-card--active{box-shadow:inset 0 3px 0 var(--cyan-400);border-color:#5ee3e06b}.lab-modality-card .status-badge{justify-self:start}.lab-modality-card p{color:var(--text-secondary)}.lab-modality-card a{align-self:end;font-weight:760}.section--paper-muted .lab-modality-card{background:#ffffffa3}.section--paper-muted .lab-modality-card p{color:var(--text-paper-muted)}.lab-live{gap:clamp(var(--space-6), 4vw, var(--space-10));padding:clamp(var(--space-5), 4vw, var(--space-9));border:1px solid var(--border-medium);border-radius:var(--radius-xl);background:radial-gradient(circle at 88% 8%, #5ee3e014, transparent 32%), var(--surface-raised);box-shadow:var(--shadow-md);display:grid}.lab-live__header,.lab-result__heading,.lab-composer__heading,.lab-composer__actions,.lab-status{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.lab-live__header{align-items:end}.lab-live__header>:first-child{max-width:54rem}.lab-status{flex-wrap:wrap;justify-content:end}.lab-live__grid{gap:var(--space-6);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);display:grid}.lab-composer,.lab-result{min-width:0;padding:clamp(var(--space-5), 3vw, var(--space-7));border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-base)}.lab-composer label{color:var(--text-primary);font-size:var(--step-0);font-weight:780}.lab-composer textarea{resize:vertical;width:100%;min-height:15rem;padding:var(--space-4);border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-primary);font-family:var(--font-mono);font-size:max(var(--text-ui-min), var(--step--1));line-height:1.65}.lab-composer select{width:100%;min-height:3rem;padding:0 var(--space-4);border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-primary);font:inherit}.lab-composer select:focus-visible,.lab-composer textarea:focus-visible{border-color:var(--cyan-400);outline-offset:2px;outline:3px solid #5ee3e038}.lab-composer textarea:disabled{cursor:not-allowed;opacity:.62}.lab-byte-count,.lab-result__state{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-ui-min);flex:none}.lab-byte-count[data-over-limit=true]{color:var(--red-300)}.lab-result .demo-card__label{color:var(--cyan-300);font-family:var(--font-mono);font-size:var(--text-ui-min);letter-spacing:.08em;text-transform:uppercase;font-weight:760}.lab-composer__actions{flex-wrap:wrap}.lab-composer__actions .button--primary{margin-left:auto}.lab-hint{color:var(--text-secondary);font-size:var(--step--1)}.lab-turnstile{min-height:4rem}.lab-audio{padding-top:var(--space-7);border-top:1px solid var(--border-subtle)}.lab-result{align-content:start}.lab-result__empty{place-content:center;gap:var(--space-3);min-height:12rem;padding:var(--space-6);border:1px dashed var(--border-medium);border-radius:var(--radius-md);text-align:center;display:grid}.lab-decision{padding:var(--space-5);border-left:3px solid var(--cyan-400);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#5ee3e012}.lab-decision strong{font-size:var(--step-1)}.lab-proof{padding:0;list-style:none}.lab-proof li{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);grid-template-columns:2rem minmax(0,1fr);align-items:start;display:grid}.lab-proof li>span{background:var(--cyan-900);width:2rem;height:2rem;color:var(--cyan-100);font-family:var(--font-mono);border-radius:50%;place-items:center;font-weight:800;display:grid}.lab-proof li p{margin-top:var(--space-2);white-space:pre-wrap}.lab-live__footer{gap:var(--space-5);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--step--1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=980px){.lab-modality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-live__grid{grid-template-columns:1fr}}@media (width<=760px){.lab-hero,.lab-modality-grid,.lab-live__footer{grid-template-columns:1fr}.lab-live__header,.lab-composer__heading,.lab-result__heading{flex-direction:column;align-items:flex-start}.lab-status{justify-content:flex-start}.lab-composer__actions .button{width:100%}.lab-composer__actions .button--primary{margin-left:0}}}