:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183443;background:#edf2f5;--line:#d9e3e9;--accent:#1768a2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:inherit;font-size:14px}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;font-weight:600;cursor:pointer}button svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.iconDefs{position:absolute;width:0;height:0;overflow:hidden}button:hover:not(:disabled){background:#eaf3f9;border-color:#83b0cc}button:disabled{opacity:.38;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,.screen:focus-visible{outline:3px solid #efae2a;outline-offset:2px}[hidden]{display:none!important}.iconOnly{width:44px;padding:10px}.iconOnly span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}button[aria-pressed=true],button[aria-expanded=true]{color:#0d507d;background:#e0eef8;border-color:#80acc8}button.primary{background:#1768a2;color:#fff;border-color:#1768a2}button.recordButton{background:#b73e45;color:#fff;border-color:#b73e45}button.stopButton{background:#183443;color:#fff;border-color:#183443}select{padding:8px;max-width:100%}.studio{height:100svh;min-height:550px;display:flex;flex-direction:column;padding:0 16px 0;max-width:2400px;margin:auto}header{display:flex;align-items:center;gap:24px;min-height:70px;padding:10px 0;flex-shrink:0}.brand{font-size:24px;letter-spacing:1.5px;font-weight:850;color:inherit;text-decoration:none;white-space:nowrap}.brand span{display:block;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;margin-top:2px}.workflow{display:flex;gap:3px;padding:3px;background:#dee7ed;border-radius:10px}.workflow button{border-color:transparent;background:transparent;min-height:38px;padding:7px 16px}.workflow button[aria-pressed=true]{background:white;color:#124e76;box-shadow:0 1px 4px #16364b15}#sessionState{font-size:12px;color:#4a6777;margin-left:auto}.workarea{display:flex;min-height:0;flex:1;gap:14px;position:relative}.sidebar{background:white;width:298px;flex:none;overflow-y:auto;border:1px solid var(--line);border-radius:12px;padding:18px;scrollbar-width:thin}.sidebarHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.sidebarHead h1,.sidebarHead h2{font-size:19px;margin:0}.sidebarHead button{border:0;flex-shrink:0}.sidebar h2{font-size:15px;margin:22px 0 10px}.sidebar h2:first-child{margin-top:0}.fine{font-size:13px;line-height:1.6;color:#557181}.sidebar ol{padding-left:20px;font-size:14px;line-height:1.7}.selectLabel{display:grid;gap:7px;font-size:14px;margin:13px 0}.toggle{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.4;min-height:42px}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}input[type=range]{accent-color:var(--accent);min-height:28px;min-width:0;width:100%;cursor:pointer}.chips,.pair{display:flex;gap:6px}.chips button{flex:1;padding:9px}.viewDelays{margin:14px 0}.delayRow{padding:11px 0;border-bottom:1px solid var(--line)}.delayTop{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:14px}.delayTop label{display:flex;align-items:center;gap:6px}.delayTop input{width:52px;border:1px solid var(--line);border-radius:6px;min-height:34px;text-align:center;color:inherit}.delayTop button{min-height:34px;padding:5px 8px;font-size:13px}.stage{flex:1;min-width:0;min-height:0;border:1px solid #cddbe4;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;background:white}.stagebar{display:flex;gap:16px;justify-content:space-between;align-items:center;background:#173445;color:#d4e6f1;font-size:11px;letter-spacing:.5px;padding:9px 14px;min-height:33px}.stagebar #playState{margin-left:auto;color:#fff}.screens{display:grid;position:relative;flex:1;min-height:0;background:#102837;gap:4px;padding:4px}.screens.count1{grid-template-columns:1fr;grid-template-rows:1fr}.screens.count2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}.screens.count3,.screens.count4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.screens.count3 .screen:first-child{grid-column:1/-1}.screen{position:relative;min-height:0;min-width:0;overflow:hidden;border:2px solid transparent;border-radius:6px;background:#142d3c}.screen.selected{border-color:#66b7e9}.screen>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.screen .bodyCanvas{touch-action:none}.screen .overlayCanvas{pointer-events:none}.screen .drawCanvas{pointer-events:none;touch-action:none}.screen.drawing .drawCanvas{pointer-events:auto;cursor:crosshair}.screenHead{position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:center;justify-content:space-between;gap:6px;z-index:3;pointer-events:none}.screenHead span,.screenSelect{font-size:12px;color:#fff;border:0;background:#14364bdd;min-height:28px;padding:5px 8px;border-radius:5px}.screenSelect{pointer-events:auto}.screenSelect[aria-pressed=true]{background:#1768a2;color:#fff;border-color:transparent}.screenSelect:hover:not(:disabled){background:#1768a2}.waiting{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);color:#fff;background:#142d3cdd;padding:7px 12px;font-size:13px;border-radius:7px;text-align:center;pointer-events:none;max-width:95%}.screens.pip{display:block}.screens.pip .screen:first-child{position:absolute;inset:4px}.screens.pip .screen:nth-child(2){position:absolute;right:16px;bottom:16px;width:32%;height:36%;box-shadow:0 3px 15px #0005;z-index:4}#empty{position:absolute;inset:4px;background:#e6f1f8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:5;padding:20px}#empty h1{font-size:clamp(22px,2.3vw,32px);font-weight:650;letter-spacing:-.8px;margin:0 0 14px}#empty p{font-size:14px;line-height:1.6;color:#48697f;margin:5px 0}#empty button{margin-top:18px;background:transparent}.transport{padding:10px 12px 0;background:#f7fafc;border-top:1px solid var(--line)}.transportButtons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.transportButtons button{min-height:42px;padding:8px 10px}.transportButtons #stop{margin-left:auto}.transportButtons select{min-height:42px;width:70px;font-size:14px}.timeline{display:flex;align-items:center;gap:14px;padding:3px 0}.timeline input{flex:1}.timeline output{font-size:12px;white-space:nowrap;color:#4a687a;min-width:110px;text-align:right}.toolDock{display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 10px;background:#fff;border-top:1px solid var(--line);flex-shrink:0;flex-wrap:wrap}.toolDock button{border-color:transparent;background:transparent;font-size:12px;flex-direction:column;gap:3px;padding:6px 9px;min-height:52px}.toolDock button[aria-pressed=true],.toolDock button[aria-expanded=true]{background:#e5f1f8;border-color:#bed9eb}.toolDock .iconOnly{min-height:48px}.statusbar{display:flex;gap:15px;align-items:center;min-height:35px;font-size:12px;color:#526e7f;padding:5px 2px}.statusbar p{margin:0;flex:1;line-height:1.45}.statusbar>span{white-space:nowrap;font-size:11px}#tipPanel{background:#fff1cc;padding:9px 14px;font-size:13px;line-height:1.4;max-height:90px;overflow:auto}#tipPanel p{margin:4px 0}.exportActions{display:grid;gap:9px}.pair button{flex:1}.jointChoices{display:grid;grid-template-columns:1fr 1fr;gap:5px}.jointChoices label{display:flex;align-items:center;gap:3px;font-size:12px;background:#eef5fa;padding:6px 3px;border-radius:6px}.drawTools{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.drawTools button{flex-direction:column;font-size:12px;padding:10px 3px;gap:6px}progress{width:100%;margin:16px 0}dialog{border:1px solid var(--line);border-radius:14px;max-width:440px;width:calc(100% - 32px);max-height:90svh;padding:22px;color:inherit;box-shadow:0 16px 80px #10283740}dialog::backdrop{background:#10283780}.cameraList{display:grid;gap:8px}.cameraList button{text-align:left;justify-content:flex-start}.sourceVideo{position:fixed;bottom:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}.presenting .studio{position:fixed;inset:0;max-width:none;z-index:20;padding:0;background:#102837;min-height:0;height:100dvh}.presenting header{display:none}.presenting .workarea{gap:0}.presenting .sidebar{border-radius:0}.presenting .stage{border:0;border-radius:0}.presenting .statusbar{background:#fff;padding:5px 12px}.presenting .toolDock{padding-bottom:max(7px,env(safe-area-inset-bottom))}.presenting .stagebar{min-height:30px}.presenting .screens{min-height:0}@media(min-width:1700px){.toolDock button{font-size:14px;flex-direction:row;min-height:48px;gap:8px}.stagebar{font-size:12px}}@media(max-width:1000px){.studio{padding:0 8px}.sidebar{position:absolute;top:0;bottom:0;left:0;z-index:10;box-shadow:8px 0 30px #10283730;width:min(310px,calc(100vw - 32px))}.toolDock{gap:1px;padding:4px}.toolDock button{font-size:11px;padding:5px 8px}.toolDock button svg{width:20px;height:20px}header{gap:16px}.brand{font-size:20px}.brand span{font-size:10px}#sessionState{max-width:170px;text-align:right}.transportButtons #replay span,.transportButtons #returnDelay span{display:none}.transportButtons #replay,.transportButtons #returnDelay{width:42px}.stagebar{font-size:10px}.presenting .sidebar{z-index:25}}@media(max-width:620px){.studio{height:100dvh;min-height:480px;padding:0 5px}header{min-height:58px;gap:10px;padding:7px 3px}.brand{font-size:17px;letter-spacing:.5px}.brand span{display:none}.workflow{margin-left:auto}.workflow button{font-size:12px;padding:6px 9px;min-height:36px}#sessionState{display:none}.stage{border-radius:9px}.stagebar{padding:8px;gap:5px;font-size:9px;letter-spacing:0}.transport{padding:6px 6px 0}.transportButtons{gap:4px}.transportButtons button{font-size:12px;padding:7px;min-height:40px}.transportButtons #pause span{display:none}.transportButtons #pause{width:40px}.transportButtons .iconOnly{width:36px}.transportButtons select{min-height:40px;width:59px;padding:5px;font-size:12px}.toolDock{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:4px 3px}.toolDock button{width:100%;min-height:42px;padding:4px 0;font-size:10px;white-space:nowrap}.toolDock button svg{height:19px;width:19px}.toolDock .iconOnly{min-height:42px}.timeline{gap:6px;padding:0}.timeline output{font-size:10px;min-width:90px}.statusbar{font-size:11px;min-height:32px;gap:4px}.statusbar>span{display:none}.screenHead{top:4px;left:4px;right:4px;gap:2px}.screenHead span,.screenSelect{font-size:10px;padding:5px;min-height:26px}.waiting{font-size:11px;bottom:28px;padding:5px 7px}.screens{gap:2px;padding:2px}.screens.pip .screen:nth-child(2){width:40%;right:8px;bottom:8px}.screens.pip .screenHead>span{display:none}#empty h1{font-size:23px}#empty p{font-size:13px}#empty{padding:12px}}@media(max-height:600px) and (orientation:landscape){.studio{min-height:0}header{min-height:47px}.brand span{display:none}.stagebar{padding:5px 10px;min-height:25px}.toolDock{display:flex;flex-wrap:nowrap}.toolDock button{min-height:38px;padding:3px 7px}.toolDock button span{display:none}.transport{padding:4px 8px 0}.transportButtons button,.transportButtons select{min-height:35px}.timeline input{min-height:22px}.statusbar{min-height:25px}.sidebar{position:absolute;z-index:10;top:0;bottom:0}.workarea{gap:0}}
.screenHead>span{margin-right:auto}.tileExports{display:flex;gap:4px;pointer-events:auto}.tileExports .tileAction{width:34px;min-height:32px;padding:5px;color:#fff;border:1px solid #ffffff30;background:#14364bdd;border-radius:5px}.tileExports .tileAction svg{width:18px;height:18px}.tileExports .tileAction:hover:not(:disabled){background:#1768a2}.tileExports .tileAction:disabled{opacity:.35}.sidebar #tipPanel{max-height:none;border-left:3px solid #dfa525;padding:12px;margin:16px 0}.toolDock{gap:1px}.toolDock button{padding:6px 7px}@media(max-width:620px){.toolDock{grid-template-columns:repeat(7,minmax(0,1fr))}.toolDock button{font-size:9px}.screenHead{flex-wrap:wrap;justify-content:flex-start}.tileExports{margin-left:auto}.tileExports .tileAction{width:28px;min-height:28px;padding:4px}.tileExports .tileAction svg{width:16px;height:16px}.screenHead>span{font-size:9px}.screens.pip .tileExports{gap:2px}}
.tileExports .tileAction{width:40px;min-height:36px}.toolDock button#quickVideo,.toolDock button#quickSilhouette,.toolDock button#quickSkeleton,.toolDock button#quickAngles{border-color:#d6e2e9}.toolDock button#quickAngles{margin-left:5px}.toolDock button[data-open=drawing]{margin-left:5px}@media(max-width:620px){.tileExports .tileAction{width:32px;min-height:32px}.toolDock button#quickAngles,.toolDock button[data-open=drawing]{margin-left:0}}
@media(max-width:620px){.toolDock button{font-size:11px;letter-spacing:-.3px}.toolDock button span{max-width:100%;white-space:normal;line-height:1.1}.toolDock button{min-height:46px}}