.studio-grid { position:relative;isolation:isolate; }
.studio-canvas { position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0;pointer-events:none; }
.studio-grid .hs-card,.studio-grid .rk-tile { position:relative;z-index:1;background:transparent; }
.studio-grid .hs-body,.studio-grid .rk-tile figcaption { background:var(--panel); }
.studio-grid .hs-shot,.rk-stage { position:relative; }
.studio-grid .hs-shot.studio-ready,.rk-stage.studio-ready { background:transparent;cursor:grab; }
.studio-ready:active { cursor:grabbing; }
.studio-grid .hs-shot.studio-ready > img { visibility:hidden; }
.studio-recenter { position:absolute;right:8px;bottom:8px;z-index:3;min-height:36px;padding:6px 10px;border:1.5px solid var(--ink);border-radius:6px;background:var(--panel);color:var(--ink);font:500 11px var(--font-head);cursor:pointer;box-shadow:2px 2px 0 var(--ink); }
.studio-recenter:hover { background:var(--yellow); }
.studio-ready:focus-visible { outline:2px solid var(--hi);outline-offset:-4px; }
.rl-coming-soon { padding-block:26px; }
.rl-coming-soon p { display:flex;justify-content:space-between;gap:16px;margin:0;padding-block:18px;border-top:1px solid var(--ash-light);font:16px var(--font-head); }
.rl-coming-soon span { color:var(--ash); }
@media(max-width:760px) { .studio-recenter { min-height:44px; }.studio-grid .hs-card:hover { transform:none; } }
.retarget-studio{padding:24px;background:var(--panel);border:3px solid var(--ink);border-radius:14px;box-shadow:6px 6px 0 var(--ink);color:var(--ink)}.replay-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:16px}.replay-toolbar label,.replay-live label{display:grid;gap:6px;font:500 14px Jost,sans-serif}.replay-toolbar select,.replay-live select{max-width:100%;padding:10px 14px;border:1.5px solid var(--ink);border-radius:7px;color:var(--ink);background:var(--paper);font:16px Jost,sans-serif}.replay-modes{display:flex;border:1.5px solid var(--ink);border-radius:7px;overflow:hidden;margin-left:auto}.replay-modes button{border:0;padding:12px 16px;background:transparent;color:var(--ink);font:500 15px Jost,sans-serif;cursor:pointer}.replay-modes button.active{background:var(--ink);color:var(--panel)}
.replay-methods{border:0;padding:18px 0;margin:0;display:flex;flex-wrap:wrap;gap:12px 24px}.replay-methods legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.replay-methods label{display:flex;align-items:center;gap:7px;font:500 15px Jost,sans-serif;cursor:pointer}.replay-methods input{accent-color:var(--hi);width:17px;height:17px}
.replay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:250px;margin-top:12px}.replay-tile{position:relative;z-index:1;border:2px solid var(--ink);border-radius:10px;overflow:hidden;margin:0}.replay-tile.ours{border-color:var(--hi)}.rk-stage{height:clamp(230px,32vw,370px);touch-action:none;min-width:0}.replay-tile figcaption{position:relative;background:var(--panel);padding:10px 14px;font:600 18px Jost,sans-serif;border-top:1px solid #15182033}.replay-grid.live-one{grid-template-columns:1fr}.live-one .rk-stage{height:420px}
.replay-transport{display:flex;align-items:center;gap:16px;margin-top:20px}.replay-transport button,.replay-live>button{background:var(--ink);color:var(--panel);padding:10px 16px;border:1.5px solid var(--ink);border-radius:6px;font:500 15px Jost,sans-serif;cursor:pointer}.replay-transport input{flex:1;min-width:40px;accent-color:var(--hi)}.replay-transport output{font:13px 'Space Mono',monospace;min-width:66px}.replay-note{font:14px/1.5 Jost,sans-serif;color:var(--ash);margin:14px 0 0}.replay-note a{color:inherit}.replay-live{display:flex;align-items:end;gap:16px;margin-top:20px;flex-wrap:wrap}.replay-live[hidden],.replay-methods[hidden]{display:none}
.retarget-results{margin-top:32px!important;color:var(--ink);background:var(--paper);padding:28px;border:2px solid var(--ink);border-radius:12px}.retarget-result-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.retarget-result-heading h3{font:clamp(23px,3vw,34px) Limelight,serif;margin:0}.retarget-result-heading>span{font:13px 'Space Mono',monospace;color:var(--ash)}.retarget-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.retarget-facts b{display:block;color:var(--hi);font:clamp(28px,4vw,46px) 'Space Mono',monospace}.retarget-facts span{font:16px Jost,sans-serif;display:block;margin-top:4px}
@media(max-width:760px){.retarget-studio{padding:14px}.replay-toolbar{gap:12px}.replay-toolbar>label:first-child{width:100%}.replay-toolbar select{width:100%}.replay-modes{margin:0}.replay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.replay-tile:first-of-type:last-of-type{grid-column:1/-1}.rk-stage{height:220px}.replay-tile figcaption{font-size:15px;padding:8px}.retarget-results{padding:20px}.retarget-facts{gap:10px}.retarget-facts b{font-size:25px}.retarget-facts span{font-size:13px}.replay-methods{gap:14px}.live-one .rk-stage{height:340px}}
.motion-studio{border:3px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:6px 6px 0 var(--ink);background:var(--panel);color:var(--ink)}.motion-top,.motion-bottom{position:relative;z-index:1;background:var(--panel);padding:18px 22px}.motion-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.motion-top .replay-modes{margin-left:0}.motion-metrics{display:flex;gap:20px;flex-wrap:wrap;font:14px Jost,sans-serif}.motion-metrics b{font:20px 'Space Mono',monospace}.motion-stage{position:relative;height:clamp(320px,50vh,560px);touch-action:none;z-index:1}.motion-studio>.replay-note{position:relative;z-index:1;margin:0;background:var(--panel);padding:0 22px 16px}.motion-recorded{display:flex;align-items:center;gap:16px}.motion-recorded input{flex:1;min-width:50px;accent-color:var(--hi)}.motion-recorded output{font:13px 'Space Mono',monospace;min-width:60px}.motion-studio button{cursor:pointer}.motion-recorded button,.motion-controls button,.physics-queue button{border:1.5px solid var(--ink);border-radius:7px;padding:10px 16px;background:var(--ink);color:var(--panel);font:500 15px Jost,sans-serif}.motion-controls button[data-brake]{background:var(--hi)}.motion-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.motion-controls>label{display:grid;grid-template-columns:1fr auto;gap:8px;font:500 15px Jost,sans-serif}.motion-controls input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--hi)}.motion-controls output{font:13px 'Space Mono',monospace}.motion-controls>div{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.motion-toggle{font:15px Jost,sans-serif;display:flex;align-items:center;gap:7px;margin-left:auto}.motion-toggle input{accent-color:var(--hi)}.physics-queue{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font:15px Jost,sans-serif}.physics-queue button{background:var(--yellow);color:var(--ink)}.motion-live[hidden],.motion-recorded[hidden]{display:none}.motion-controls :disabled{opacity:.45;cursor:default}
@media(max-width:760px){.motion-top{align-items:start;flex-direction:column;padding:14px}.motion-metrics{gap:14px}.motion-stage{height:330px}.motion-bottom{padding:14px}.motion-controls{gap:14px}.motion-toggle{margin-left:0}.motion-studio>.replay-note{padding:0 14px 14px}}
.studio-recenter[hidden]{display:none}.control-stage{height:clamp(300px,49vh,470px);position:relative;z-index:1;touch-action:none}.control-reading{display:flex;align-items:center;gap:20px;font:500 16px var(--font-head)}.control-reading output{font:18px var(--font-mono)}.control-recorded{display:flex;align-items:center;gap:16px}.control-recorded label,.control-scope label{display:flex;align-items:center;gap:9px;font:14px var(--font-head)}.control-recorded select,.control-inputs select{padding:8px 10px;background:var(--panel);color:var(--ink);border:1.5px solid var(--ink);border-radius:6px;font:15px var(--font-head)}.control-recorded>input{flex:1;min-width:40px;accent-color:var(--hi)}.control-recorded button,.control-inputs button{padding:8px 16px;border:1.5px solid var(--ink);border-radius:6px;background:var(--panel);color:var(--ink);font:500 15px var(--font-head)}.control-options{display:flex;flex-wrap:wrap;gap:10px 20px;margin:18px 0}.control-choice{display:flex;border:1.5px solid var(--ink);border-radius:6px;overflow:hidden}.control-choice button{padding:8px 13px;border:0;color:var(--ink);background:transparent;font:500 15px var(--font-head)}.control-choice button.active{background:var(--ink);color:var(--panel)}.control-inputs{display:grid;gap:18px}.control-inputs [data-joint-panel]{display:flex;align-items:center;gap:14px;font:15px var(--font-head)}.control-inputs [data-joint-panel] input{flex:1;min-width:50px}.control-inputs input{accent-color:var(--hi)}.control-task{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.control-task label{display:grid;grid-template-columns:1fr auto;gap:8px;font:15px var(--font-head)}.control-task input{width:100%;grid-column:1/-1;grid-row:2}.control-task output{font:12px var(--font-mono)}.control-push{display:flex;align-items:center;gap:12px}.control-push p{margin:0 auto 0 0;font:16px var(--font-head)}.control-scope{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.control-scope [data-reset]{margin-left:auto}.control-live :disabled{opacity:.5;cursor:default}.control-live[hidden],.control-recorded[hidden],.control-task[hidden],.control-push[hidden],.control-inputs [data-joint-panel][hidden]{display:none}
@media(max-width:760px){.control-stage{height:330px}.control-reading{font-size:14px;gap:12px}.control-recorded{flex-wrap:wrap;gap:12px}.control-recorded label{width:100%}.control-recorded select{flex:1}.control-task{gap:12px}.control-inputs [data-joint-panel]{flex-wrap:wrap}.control-options{gap:10px}.control-choice button{font-size:13px;padding:9px 11px}.control-push{flex-wrap:wrap}.control-push p{width:100%;font-size:15px}.control-inputs select{font-size:14px}.control-scope{gap:12px}}
.motion-stage.studio-ready,.motion-stage.studio-ready:active{cursor:default}