.demo-stage{align-content:center;place-items:center;gap:var(--space-28);min-height:100svh;padding:var(--space-40) var(--layout-margin);color:var(--text-heading);background:var(--surface-canvas);display:grid}.demo-hint{color:var(--text-muted);font-size:var(--text-sm-size);margin:0}.demo-headline h1{font-family:var(--text-9xl-family);font-size:var(--text-hero-size);font-weight:var(--text-9xl-weight);line-height:var(--text-9xl-line);letter-spacing:var(--text-9xl-tracking);text-align:center;margin:0}.demo-headline__line{display:block}.demo-stage--canvas{padding:0}.demo-canvas{inset:0;width:100%!important;height:100%!important;position:fixed!important}.demo-controls{right:var(--layout-margin);bottom:var(--space-20);left:var(--layout-margin);align-items:center;gap:var(--space-16);max-width:var(--layout-size-650);padding:var(--space-8) var(--space-18) var(--space-8) var(--space-8);border:var(--border-hairline) solid var(--line-artwork);border-radius:var(--radius-pill);color:var(--text-on-artwork);background:var(--surface-overlay-strong);box-shadow:var(--shadow-float);margin:0 auto;display:flex;position:fixed}.demo-controls button{min-height:var(--control-height-sm);padding:0 var(--space-16);border-radius:var(--radius-pill);color:var(--text-heading);background:var(--surface-highlight);font-size:var(--text-xs-size);font-weight:var(--font-weight-bold);cursor:var(--cursor-pointer);border:0}.demo-scrub{gap:var(--space-4);flex:1;display:grid}.demo-scrub input{width:100%;accent-color:var(--text-on-artwork);margin:0}.demo-phases{color:var(--text-inverse-faint);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);letter-spacing:var(--text-sm-tracking);justify-content:space-between;display:flex}.demo-stage--split{grid-template-columns:repeat(2, minmax(0, var(--layout-size-440)));justify-content:center;gap:var(--space-40)}.demo-theme-card{width:min(100%, var(--layout-size-440));padding:var(--space-32);border:var(--border-hairline) solid var(--line-default);border-radius:var(--radius-md);color:var(--text-heading);background:var(--surface-bright);box-shadow:var(--shadow-float)}.demo-theme-card h2{font-family:var(--text-heading-family);font-size:var(--text-4xl-size);font-weight:var(--font-weight-heading);line-height:var(--text-line-1);margin:0}.demo-theme-card>p:not(.section-kicker){margin:var(--space-12) 0 0;color:var(--text-muted);font-size:var(--text-base-size);line-height:var(--text-line-1_5)}.demo-theme-card dl{margin:var(--space-28) 0 0;border-top:var(--border-hairline) solid var(--line-default)}.demo-theme-card dl>div{padding:var(--space-14) 0;border-bottom:var(--border-hairline) solid var(--line-default);font-size:var(--text-sm-size);justify-content:space-between;display:flex}.demo-theme-card dt{color:var(--text-muted)}.demo-theme-card dd{font-weight:var(--font-weight-bold);margin:0}.demo-theme-controls{align-items:center;gap:var(--space-12);color:var(--text-muted);font-size:var(--text-sm-size);display:flex}@media (max-width:700px){.demo-stage--split{grid-template-columns:1fr}}