html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.studio{color:#e8eefc;background:#05070d;width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex}.studio-stage{flex:auto;min-width:0;position:relative}.studio-stage>div,.studio-stage canvas{display:block;width:100%!important;height:100%!important}.studio-overlay{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:16px;bottom:auto;left:16px;right:auto}.studio-badge{color:#cfdaee;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1524cc;border:1px solid #22334f;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:12px}.studio-badge-error{color:#ffb4c0;border-color:#7a2b38}.studio-panel{background:#080c15;border-left:1px solid #16233a;flex:0 0 300px;padding:20px 18px 28px;overflow-y:auto}.studio-title{letter-spacing:.02em;margin:0;font-size:20px;font-weight:600}.studio-subtitle{color:#7c8db0;margin:4px 0 18px;font-size:12px;line-height:1.5}.studio-warning{color:#e8a33d}.studio-group{margin-bottom:14px}.studio-group-label{letter-spacing:.1em;text-transform:uppercase;color:#56668a;margin:0 0 6px;font-size:10px;font-weight:600}.studio-row{flex-wrap:wrap;gap:6px;display:flex}.studio-transport{gap:6px;margin:18px 0 14px;display:flex}.studio-transport .chip{flex:1;padding:10px 12px}.chip{color:#cfdaee;font:inherit;cursor:pointer;background:#0d1524;border:1px solid #22334f;border-radius:999px;min-height:32px;padding:7px 12px;font-size:12px}.chip:hover{background:#122036;border-color:#35507a}.chip-on{color:#fff;background:#16304f;border-color:#5b8dd6}.chip-primary{color:#fff;background:#17406f;border-color:#2f6dbe;font-weight:600}.chip-primary:hover{background:#1d4d84}.timeline{margin:16px 0 12px}.timeline-track{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#0a1120;border:1px solid #1d2c45;border-radius:8px;height:44px;position:relative;overflow:hidden}.timeline-track:focus-visible{outline-offset:2px;outline:2px solid #5b8dd6}.timeline-dragging{border-color:#35507a}.timeline-cues{display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.timeline-cue{background:#0c1424;border-right:1px solid #16233a;align-items:flex-end;min-width:0;padding:0 6px 5px;display:flex;overflow:hidden}.timeline-cue:last-child{border-right:none}.timeline-cue-on{background:#12203a}.timeline-cue-name{white-space:nowrap;text-overflow:ellipsis;color:#6d7fa3;font-size:10px;overflow:hidden}.timeline-cue-on .timeline-cue-name{color:#adc1e4}.timeline-fill{pointer-events:none;background:linear-gradient(90deg,#17375f66,#2a5b9c66);width:0;position:absolute;top:0;bottom:0;left:0}.timeline-handle{pointer-events:none;background:#7fb2ff;width:2px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px;left:0;box-shadow:0 0 8px #4d8edecc}.timeline-handle:after{content:"";background:#7fb2ff;border:2px solid #0a1120;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%}.studio-readout{border-top:1px solid #16233a;grid-template-columns:auto 1fr;gap:4px 12px;margin:22px 0 0;padding-top:14px;font-size:12px;display:grid}.studio-readout dt{color:#7c8db0}.studio-readout dd{font-variant-numeric:tabular-nums;margin:0}