.studio-cockpit{width:100%;font-family:var(--mono);flex-direction:column;gap:.75rem;margin:0;display:flex}.studio-header-presets{align-items:center;gap:.6rem;display:flex}.header-scene-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.studio-header-tools{align-items:center;gap:.75rem;display:flex}.pill-group{gap:.25rem;display:flex}.pill{border:1px solid var(--well);color:var(--text);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:0;padding:.2rem .55rem;font-size:.75rem;transition:background .1s,color .1s,border-color .1s}.pill:hover{border-color:var(--ink);color:var(--ink)}.pill.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pill.action{background:var(--well);color:var(--ink);font-weight:500}.pill.action:hover{background:var(--ink);color:var(--bg)}.stat{color:var(--muted);text-align:right;min-width:4rem;font-size:.75rem}.studio-main-row{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:1rem;display:grid}@media (width<=1024px){.studio-main-row{grid-template-columns:1fr}}.viewport-column{border:1px solid var(--well);background:#000;flex-direction:column;display:flex}.canvas-box{aspect-ratio:200/100;background:#070b16;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}#studio-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.transport-strip{background:var(--bg);border-top:1px solid var(--well);align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.transport-btn{justify-content:center;align-items:center;min-width:4.5rem;height:1.8rem;font-size:.75rem;display:flex}.scrubber-container{flex:1;align-items:center;display:flex}.time-readout{text-align:right;min-width:3.5rem;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.controls-column{border:1px solid var(--well);background:var(--bg);flex-direction:column;min-height:520px;display:flex}.panel-tabs{border-bottom:1px solid var(--well);background:var(--bg);display:flex}.panel-tab-btn{color:var(--muted);font-family:var(--mono);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:.5rem .65rem;font-size:.8rem}.panel-tab-btn:hover{color:var(--ink)}.panel-tab-btn.active{background:var(--well);color:var(--ink);border-bottom-color:var(--ink);font-weight:500}.panel-body{flex-direction:column;gap:1.15rem;max-height:540px;padding:1rem;display:none;overflow-y:auto}.panel-body.active{display:flex}.section-title{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;border-bottom:1px solid var(--well);font-size:.75rem;font-family:var(--mono);margin:.5rem 0 .4rem;padding-bottom:.25rem}.layer-stack-list{flex-direction:column;gap:.35rem;display:flex}.layer-item-row{border:1px solid var(--well);cursor:pointer;background:0 0;border-radius:0;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.8rem;transition:border-color .1s,background .1s;display:flex}.layer-item-row:hover{border-color:var(--muted);background:#ffffff05}.layer-item-row.selected{border-color:var(--ink);background:var(--well)}.layer-left{cursor:pointer;align-items:center;gap:.6rem;display:flex}.layer-name{color:var(--ink);font-weight:500}.layer-type-badge{color:var(--muted);opacity:.7;font-size:.7rem}.params-list{flex-direction:column;gap:.25rem;display:flex}.param-control-group{border-bottom:1px solid #ffffff0a;flex-direction:column;gap:.4rem;padding:.65rem 0;display:flex}.param-control-group:last-child{border-bottom:none}.param-row-between{flex-direction:row;justify-content:space-between;align-items:center}.param-control-header{justify-content:space-between;align-items:baseline;width:100%;display:flex}.param-label{color:var(--muted);text-transform:lowercase;letter-spacing:.02em;font-size:.8rem;font-family:var(--mono)}.param-val{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.8rem;font-family:var(--mono);text-align:right}.param-widget{width:100%}.param-widget input[type=range],.scrubber-container input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#282c34;border:none;border-radius:2px;outline:none;width:100%;height:3px;margin:.4rem 0}.param-widget input[type=range]::-webkit-slider-thumb,.scrubber-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px;margin-top:-5.5px;box-shadow:0 1px 3px #0009}.param-widget input[type=range]::-webkit-slider-runnable-track,.scrubber-container input[type=range]::-webkit-slider-runnable-track{background:#282c34;border:none;border-radius:2px;width:100%;height:3px}.param-widget input[type=range]::-moz-range-thumb,.scrubber-container input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0009}.param-widget input[type=range]::-moz-range-track,.scrubber-container input[type=range]::-moz-range-track{background:#282c34;border:none;border-radius:2px;width:100%;height:3px}.param-widget select{border:1px solid var(--well);background:var(--bg);width:100%;color:var(--ink);font-family:var(--mono);cursor:pointer;border-radius:0;padding:.45rem .6rem;font-size:.8rem}.param-widget select:focus{border-color:var(--ink);outline:none}.param-color-right{align-items:center;gap:.6rem;display:flex}.param-color-right input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:0;width:22px;height:22px;margin:0;padding:0}.param-color-right input[type=color]::-webkit-color-swatch-wrapper{border:none;padding:0}.param-color-right input[type=color]::-webkit-color-swatch{border:none;border-radius:0}.param-color-right input[type=color]::-moz-color-swatch{border:none;border-radius:0}input[type=checkbox].layer-chk{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--muted);cursor:pointer;vertical-align:middle;background:0 0;border-radius:0;place-content:center;width:16px;height:16px;margin:0;display:inline-grid}input[type=checkbox].layer-chk:checked{background:var(--ink);border-color:var(--ink)}input[type=checkbox].layer-chk:checked:before{content:"✓";color:var(--bg);font-size:11px;font-weight:700;line-height:1}.palette-swatches{flex-wrap:wrap;gap:4px;padding:.5rem 0;display:flex}.color-swatch{box-sizing:border-box;border:1px solid #ffffff26;width:20px;height:20px}.dropzone{border:1px dashed var(--muted);text-align:center;cursor:pointer;background:var(--well);padding:1.75rem .75rem}.dropzone:hover{border-color:var(--ink)}.drop-primary{color:var(--ink);margin:0 0 .2rem;font-size:.8rem}.drop-muted{color:var(--muted);margin:0;font-size:.7rem}.code-strip{border:1px solid var(--well);background:var(--bg);flex-direction:column;gap:.4rem;padding:.6rem .75rem;display:flex}.code-head{color:var(--muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.code-display{background:var(--well);border:1px solid var(--well);font-family:var(--mono);color:var(--text);white-space:pre;margin:0;padding:1rem;font-size:.8rem;line-height:1.5;overflow-x:auto}