.lab-page.lab-canvas,[data-theme=day] .lab-page.lab-canvas{--lab-bg:#0b1119;--lab-panel:#121b27;--lab-raised:#1d2939;--lab-line:#2c3c50;--lab-text:#f0f6ff;--lab-muted:#a6b7cd;--lab-accent:#4de5ed;--lab-accent-soft:#4de5ed20;--lab-on:#4de5ed;color-scheme:dark}.lab-canvas .lab-shell{max-width:1600px}.lab-canvas .lab-workspace{grid-template-columns:190px minmax(0,1fr) 290px;gap:14px}.lab-canvas .lab-heading h1{letter-spacing:-.04em}.canvas-scenes{grid-column:1;grid-row:1;padding:12px;gap:10px}.canvas-scenes button{display:grid;gap:6px;text-align:left;background:transparent;border:1px solid transparent;border-radius:9px;padding:6px;cursor:pointer}.canvas-scenes button[aria-pressed=true]{border-color:var(--lab-accent);background:var(--lab-accent-soft)}.canvas-scenes canvas{width:100%;height:auto;border-radius:5px}.canvas-scenes small{font-size:11px;line-height:1.4;color:var(--lab-muted)}.canvas-scenes span{font-size:13px;font-weight:600}.lab-canvas .canvas-inspector{grid-column:3;grid-row:1;padding:16px}.lab-canvas .lab-canvas-stage{grid-column:2;grid-row:1;min-width:0;background:radial-gradient(ellipse at 50% 30%,#183245,#101822 70%)}.lab-canvas .lab-canvas-stage>canvas{width:min(100%,405px);max-height:65vh;object-fit:contain;border-radius:5px}.lab-canvas .lab-button.is-primary{color:#082124}.lab-canvas .lab-canvas-stage>.lab-field{width:100%;font-size:12px}.lab-canvas .lab-panel{border-radius:10px}@media(max-width:1100px){.lab-canvas .lab-workspace{grid-template-columns:150px minmax(0,1fr)}.lab-canvas .canvas-inspector{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-inspector h2{grid-column:1/-1}}@media(max-width:600px){.lab-page.lab-canvas{padding-left:12px;padding-right:12px}.lab-canvas .lab-workspace{grid-template-columns:minmax(0,1fr)}.lab-canvas .lab-canvas-stage{grid-column:1;grid-row:1}.lab-canvas .canvas-scenes{grid-column:1;grid-row:2;display:flex;overflow-x:auto;max-width:100%}.canvas-scenes h2{display:none}.canvas-scenes button{min-width:120px;max-width:120px}.lab-canvas .canvas-inspector{grid-column:1;grid-row:3;grid-template-columns:minmax(0,1fr)}.lab-canvas .lab-canvas-stage>canvas{max-height:55vh}}.canvas-history{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.canvas-history small{margin-left:auto;color:var(--lab-muted);font-size:12px}@media(max-width:600px){.canvas-history small{width:100%;margin:0}}