.dynt-lab{--dynt-gold:#ffbf00;--dynt-blue:#64c6ff;--dynt-wave-orange:#ff9d1a;--dynt-kinetic-color:var(--dynt-wave-orange);--dynt-lab-fill:#0a0b0df5;--dynt-lab-bg:#070809f5;--dynt-lab-control:#090a0b;--dynt-lab-text:#f5f5f4;--dynt-lab-muted:#a1a1aa;--dynt-lab-line:#ffffff1a;background:var(--dynt-lab-bg);color:var(--dynt-lab-text);border:1px solid #ffbf006b;border-radius:16px;overflow:hidden;box-shadow:0 28px 90px #00000057}html[data-theme=light] .dynt-lab{--dynt-gold:#a96d00;--dynt-blue:#0076a8;--dynt-wave-orange:#e8840f;--dynt-lab-fill:#fffdf8fa;--dynt-lab-bg:#fffdf8fa;--dynt-lab-control:#f4ecde;--dynt-lab-text:#17140d;--dynt-lab-muted:#625d53;--dynt-lab-line:#221b0d24;box-shadow:0 26px 70px #49361129}.dynt-lab-toolbar{border-bottom:1px solid var(--dynt-lab-line);justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:10px 14px;display:flex}.dynt-mode-switch{border:1px solid var(--dynt-lab-line);background:var(--dynt-lab-control);border-radius:9px;padding:4px;display:inline-flex}.dynt-mode-switch button{min-height:34px;color:var(--dynt-lab-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.35rem .8rem;font-size:.76rem}.dynt-mode-switch button[aria-pressed=true]{color:var(--dynt-gold);background:#ffbf0021;box-shadow:inset 0 0 0 1px #ffbf008c}.dynt-focus-label{color:var(--dynt-lab-muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.dynt-focus-label span{border:1px solid color-mix(in srgb, var(--dynt-blue) 45%, transparent);color:var(--dynt-blue);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.32rem .55rem;font-weight:800}.dynt-lab-status{color:var(--dynt-lab-muted);align-items:center;gap:7px;font-size:.7rem;display:flex}.dynt-lab-status span{background:var(--dynt-gold);width:7px;height:7px;box-shadow:0 0 12px color-mix(in srgb, var(--dynt-gold) 70%, transparent);border-radius:50%}.dynt-live-stage{background:radial-gradient(circle at 86% 80%, color-mix(in srgb, var(--dynt-blue) 9%, transparent), transparent 30%);grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:14px;min-height:410px;padding:28px;display:grid}.dynt-lab-compact .dynt-live-stage{grid-template-columns:repeat(3,minmax(0,1fr));min-height:320px;padding:24px}.dynt-live-surface{--dynt-kinetic-color:var(--dynt-wave-orange);background:linear-gradient(145deg, color-mix(in srgb, var(--dynt-gold) 5%, transparent), transparent);isolation:isolate;cursor:crosshair;border:0;border-radius:10px;align-items:flex-end;min-width:0;min-height:170px;padding:22px;display:flex;position:relative;box-shadow:0 18px 34px #1e180c1f}.dynt-lab[data-active-mode=kinetic] .dynt-live-surface{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dynt-gold) 32%, transparent), 0 18px 34px #1e180c1f}.surface-copy{z-index:2;position:relative}.surface-copy>[data-dynt-reactor]{display:block;position:relative}.dynt-live-surface h3{margin:.55rem 0 .25rem;font-size:1rem}.dynt-live-surface p{max-width:210px;color:var(--dynt-lab-muted);margin:0;font-size:.78rem;line-height:1.5}.surface-icon{color:var(--dynt-gold);letter-spacing:.14em;font:700 .7rem ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.surface-icon-blue{color:var(--dynt-blue)}.surface-cues{z-index:3;pointer-events:none;justify-items:end;gap:3px;display:grid;position:absolute;top:10px;right:10px}.surface-cues span{color:var(--dynt-lab-muted);letter-spacing:.07em;text-transform:uppercase;opacity:.72;font:650 .55rem ui-monospace,SFMono-Regular,Menlo,monospace}.dynt-lab-readout{border-top:1px solid var(--dynt-lab-line);background:color-mix(in srgb, var(--dynt-lab-control) 72%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dynt-lab-readout>span{border-right:1px solid var(--dynt-lab-line);gap:2px;padding:12px 16px;display:grid}.dynt-lab-readout>span:last-child{border-right:0}.dynt-lab-readout small{color:var(--dynt-lab-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.58rem}.dynt-lab-readout strong{font-size:.75rem;font-weight:720}.dynt-lab-controls{border-top:1px solid var(--dynt-lab-line);grid-template-columns:repeat(4,minmax(125px,1fr)) auto;align-items:end;gap:14px;padding:16px 18px 18px;display:grid}.dynt-lab-compact .dynt-lab-controls{grid-template-columns:minmax(150px,.7fr) 1fr auto}.dynt-lab-controls label,.geometry-control{color:var(--dynt-lab-muted);gap:6px;font-size:.68rem;display:grid}.dynt-lab-controls select{border:1px solid var(--dynt-lab-line);background:var(--dynt-lab-control);width:100%;min-height:38px;color:var(--dynt-lab-text);border-radius:7px;padding:0 .7rem}.geometry-control>div,.lab-actions{flex-wrap:wrap;gap:7px;display:flex}.geometry-control button{border:1px solid var(--dynt-lab-line);background:var(--dynt-lab-control);width:38px;height:38px;color:var(--dynt-lab-text);cursor:pointer;border-radius:7px}.geometry-control button:hover,.geometry-control button[data-active=true]{border-color:var(--dynt-blue);color:var(--dynt-blue);background:color-mix(in srgb, var(--dynt-blue) 8%, transparent)}.lab-actions{justify-content:flex-end}@media (width<=1050px){.dynt-lab-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-actions{justify-content:flex-start}}@media (width<=820px){.dynt-lab-compact .dynt-live-stage,.dynt-live-stage{grid-template-columns:1fr;min-height:auto}.dynt-lab-controls,.dynt-lab-compact .dynt-lab-controls{grid-template-columns:1fr;align-items:stretch}.dynt-lab-readout{grid-template-columns:repeat(2,1fr)}.dynt-lab-readout>span:nth-child(2){border-right:0}.dynt-lab-readout>span:nth-child(-n+2){border-bottom:1px solid var(--dynt-lab-line)}.lab-actions{justify-content:flex-start}}@media (width<=520px){.dynt-lab-toolbar{flex-direction:column;align-items:flex-start}.dynt-mode-switch{width:100%}.dynt-mode-switch button{flex:1}.dynt-live-stage{padding:18px}}