:root{--black: #101214;--black2: #13151a;--black3: #1c1f26;--black4: #22252e;--border: rgba(248,248,248,.08);--white: #f8f8f8;--muted: rgba(248,248,248,.4);--green: #B2FF00;--blue: #004FFF;--red: #FF0400}*{box-sizing:border-box;margin:0;padding:0;border:none;background:none;cursor:default;-webkit-tap-highlight-color:transparent}button{cursor:pointer}input{outline:none}.app{display:flex;flex-direction:column;height:100dvh;width:100vw;overflow:hidden;background:var(--black)}.topbar{height:52px;background:var(--black2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 10px;gap:10px;flex-shrink:0;z-index:20}.sl-logo{width:auto;display:block;flex-shrink:0}.sl-logo-full{height:28px;display:block}.sl-logo-mark{height:40px;display:none}@media (max-width: 600px){.sl-logo-full{display:none}.sl-logo-mark{display:block}}.topbar-actions{display:flex;gap:3px;margin-left:auto}.tb-btn{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .15s;border:1px solid transparent}.tb-btn:hover:not(:disabled){background:var(--black3);color:var(--white);border-color:var(--border)}.tb-btn:disabled{opacity:.25;cursor:not-allowed}.tb-btn.red{color:var(--red)}.tb-btn.red:hover{background:#ff04001a;border-color:#ff040040}.stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;background:#080a0c;overflow:hidden}.canvas-transform{position:absolute;top:50%;left:50%;transform-origin:center center;will-change:transform}.layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block}.layer-bg{z-index:1}.layer-dr{z-index:2;pointer-events:none}.layer-pose{z-index:3;pointer-events:none}.layer-ov{z-index:4}.palette{position:absolute;z-index:30;display:flex;background:#101214f2;border:1px solid rgba(178,255,0,.15);border-radius:12px;padding:5px;gap:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.palette-bottom{bottom:12px;left:50%;transform:translate(-50%);flex-direction:row}.palette-right{right:10px;top:50%;transform:translateY(-50%);flex-direction:column}.pal-item{position:relative}.pal-btn{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:Roboto Mono,monospace;transition:all .12s}.pal-btn:hover{background:var(--black3);color:var(--white)}.pal-btn.active{background:#b2ff0024;color:var(--green);box-shadow:inset 0 0 0 1px #b2ff004d}.pal-btn-text,.pal-text-label{font-family:Roboto Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.5px}.tool-popover{position:absolute;z-index:50;background:var(--black2);border:1px solid rgba(178,255,0,.22);border-radius:12px;padding:12px;width:180px;box-shadow:0 16px 48px #000000b3}.pop-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.pop-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.pop-head{font-family:Anton,sans-serif;font-size:14px;letter-spacing:1.5px;color:var(--green);margin-bottom:10px}.pop-label{font-family:Roboto Mono,monospace;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:5px;text-transform:uppercase}.pop-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:10px;align-items:center}.pop-sw{width:22px;height:22px;border-radius:50%;transition:transform .1s;cursor:pointer}.pop-sw:hover{transform:scale(1.15)}.pop-sw.sel{outline:2px solid var(--green);outline-offset:2px;transform:scale(1.1)}.pop-slider-wrap{display:flex;align-items:center;gap:8px;margin-bottom:10px}.pop-slider{flex:1}.pop-val{font-family:Roboto Mono,monospace;font-size:10px;color:var(--white);min-width:32px;text-align:right}.pop-dotted-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pop-dotted-btns{display:flex;gap:4px}.pop-dot-btn{padding:4px 10px;border-radius:6px;font-family:Roboto Mono,monospace;font-size:11px;font-weight:700;background:var(--black4);color:var(--muted);border:1px solid var(--border);cursor:pointer;transition:all .12s;letter-spacing:1px}.pop-dot-btn.active{background:#b2ff001f;color:var(--green);border-color:#b2ff0059}.pop-text-options{display:flex;flex-direction:column;gap:6px}.txt-overlay{position:absolute;z-index:40;display:flex;gap:4px;transform:translate(-50%,-50%)}.txt-input{background:#ffffffeb;border:2px solid var(--green);border-radius:7px;padding:5px 10px;font-family:Roboto Mono,monospace;font-size:18px;font-weight:400;color:#101214;letter-spacing:.3px;width:190px}.txt-ok{background:var(--green);color:var(--black);border-radius:7px;padding:5px 12px;font-family:Roboto Mono,monospace;font-weight:700;font-size:13px}.del-btn{position:absolute;z-index:40;top:10px;right:10px;background:#ff0400d9;color:var(--white);border-radius:8px;padding:6px 12px;font-family:Roboto Mono,monospace;font-size:12px;font-weight:700;display:flex;align-items:center;gap:5px;border:1px solid var(--red)}.vbar{background:var(--black2);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 10px;padding-bottom:max(10px,env(safe-area-inset-bottom));gap:6px;flex-shrink:0;z-index:20;min-height:50px;width:100%;box-sizing:border-box}.vb{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:var(--black3);color:var(--white);flex-shrink:0;border:1px solid var(--border);transition:all .12s}.vb:hover{border-color:var(--green);color:var(--green)}.vb.play{background:var(--green);color:var(--black);border-radius:50%;width:34px;height:34px;border:none}.vb.play:hover{opacity:.85}.scrub-wrap{flex:1;min-width:0;display:flex;align-items:center;padding:10px 16px;cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none;width:100%;box-sizing:border-box}.scrub-track{position:relative;width:100%;height:8px;background:var(--black4);border-radius:4px;flex:1}.scrub-fill{position:absolute;left:0;top:0;height:100%;background:var(--green);border-radius:4px;pointer-events:none}.scrub-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:var(--green);border:2px solid var(--black);box-shadow:0 0 6px #b2ff0080;pointer-events:none}.speed-btn{font-family:Roboto Mono,monospace;font-size:11px;font-weight:700;background:var(--black3);color:var(--green);border-radius:6px;padding:4px 8px;border:1px solid rgba(178,255,0,.25);flex-shrink:0;transition:all .12s;white-space:nowrap}.speed-btn:hover{background:#b2ff001a}.tc{font-family:Roboto Mono,monospace;font-size:11px;color:var(--muted);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.fps-badge{font-family:Roboto Mono,monospace;font-size:9px;color:var(--muted);background:var(--black3);border-radius:4px;padding:2px 5px;flex-shrink:0;border:1px solid var(--border)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{background:var(--black2);border:1px solid rgba(178,255,0,.18);border-radius:16px;padding:22px;min-width:300px;max-width:92vw;box-shadow:0 24px 72px #000000a6}.modal h3{font-family:Anton,sans-serif;font-size:20px;letter-spacing:2px;color:var(--green);margin-bottom:14px}.modal-input{width:100%;background:var(--black3);border:1px solid var(--border);border-radius:8px;padding:9px 12px;color:var(--white);font-family:Inter,sans-serif;font-size:15px;outline:none;margin-bottom:10px}.modal-input:focus{border-color:var(--green)}.modal-row{display:flex;gap:8px;justify-content:flex-end}.btn-pri{background:var(--green);color:var(--black);border-radius:8px;padding:8px 18px;font-family:Roboto Mono,monospace;font-size:13px;font-weight:700;letter-spacing:.5px;white-space:nowrap;transition:opacity .15s}.btn-pri:hover{opacity:.88}.btn-sec{background:var(--black3);color:var(--white);border:1px solid var(--border);border-radius:8px;padding:8px 18px;font-family:Roboto Mono,monospace;font-size:13px;font-weight:700;transition:border-color .15s}.btn-sec:hover{border-color:var(--muted)}@media (max-width: 480px){.topbar{padding:0 6px;gap:6px}.sl-logo-mark{height:44px}.tb-btn{width:30px;height:30px}.pal-btn{width:34px;height:34px}.vbar{padding:4px 0 6px;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.scrub-wrap{order:-1;width:100%;flex:1 1 100%;min-width:0;padding:10px 20px}.tc{display:none}}@media (max-width: 1024px) and (min-width: 481px){.scrub-wrap{padding:10px 20px}}.load-btn{display:flex;align-items:center;gap:6px;background:var(--green);color:var(--black);border-radius:8px;padding:6px 14px;font-family:Roboto Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.5px;white-space:nowrap;transition:opacity .15s}.load-btn:hover{opacity:.88}@keyframes spin{to{transform:rotate(360deg)}}.spin{display:inline-block;animation:spin .8s linear infinite}.zoom-reset{position:absolute;z-index:40;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;background:#101214e6;color:var(--green);border:1px solid rgba(178,255,0,.25);border-radius:8px;padding:5px 12px;font-family:Roboto Mono,monospace;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:all .15s}.zoom-reset:hover{background:#b2ff001f}.pose-btn{display:flex;align-items:center;gap:5px;background:var(--black3);color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-family:Roboto Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.5px;white-space:nowrap;transition:all .15s;cursor:pointer}.pose-btn:hover:not(:disabled){border-color:#00e5ff;color:#00e5ff}.pose-btn.active{background:#00e5ff1f;color:#00e5ff;border-color:#00e5ff66}.pose-btn:disabled{opacity:.5;cursor:wait}.joint-table{position:fixed;z-index:60;background:#0d0f14f2;border:1px solid rgba(0,229,255,.2);border-radius:10px;padding:8px 10px;min-width:170px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 8px 32px #00000080}.joint-table:active{cursor:grabbing}.joint-table-head{font-family:Roboto Mono,monospace;font-size:10px;font-weight:700;letter-spacing:1px;color:#00e5ff;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid rgba(0,229,255,.15);cursor:grab}.joint-table-body{width:100%;border-collapse:collapse}.joint-table-body td{padding:3px 4px;font-family:Roboto Mono,monospace;font-size:11px}.jt-name{color:var(--muted);font-size:10px}.jt-val{color:var(--white);font-weight:700;text-align:right}.jt-off .jt-name,.jt-off .jt-val{opacity:.35}.jt-toggle{cursor:pointer;padding:3px 2px 3px 6px}.jt-dot{display:inline-block;width:9px;height:9px;border-radius:50%;border:1.5px solid #00E5FF;vertical-align:middle}.jt-dot.on{background:#00e5ff}.jt-dot.off{background:transparent}.jt-master-toggle{background:none;border:none;cursor:pointer;padding:2px 4px;display:flex;align-items:center}.blur-controls{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:8px;background:#0d0f14eb;border:1px solid var(--border);border-radius:10px;padding:8px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50}.blur-controls-label{font-family:Roboto Mono,monospace;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--muted)}.track-btn{font-family:Roboto Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.5px;padding:5px 10px;border-radius:6px;background:var(--black3);color:var(--white);border:1px solid var(--border);cursor:pointer;transition:all .12s;white-space:nowrap}.track-btn:hover:not(:disabled){border-color:var(--green);color:var(--green)}.track-btn.tracking{background:#b2ff001a;color:var(--green);border-color:#b2ff004d}.track-btn:disabled{opacity:.5;cursor:wait}.blur-del-btn{font-family:Roboto Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.5px;padding:5px 10px;border-radius:6px;background:var(--black3);color:var(--muted);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .12s}.blur-del-btn:hover{color:var(--red);border-color:var(--red)}.blur-tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#0d0f14f2;border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-family:Roboto Mono,monospace;font-size:11px;font-weight:700;color:var(--white);white-space:nowrap;pointer-events:none;z-index:100}.palette-right .blur-tooltip{left:50%;transform:translate(-50%);top:auto;bottom:calc(100% + 8px)}.gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#101214;display:flex;align-items:center;justify-content:center;padding:20px}.gate-modal{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.gate-logo{height:36px;width:auto;margin-bottom:4px}.gate-title{font-family:Anton,sans-serif;font-size:28px;letter-spacing:2px;color:var(--white);margin:0;text-transform:uppercase}.gate-sub{font-family:Inter,sans-serif;font-size:14px;color:var(--muted);margin:0}.gate-form{width:100%;display:flex;flex-direction:column;gap:12px}.gate-input{width:100%;padding:14px 16px;background:var(--black3);border:1px solid var(--border);border-radius:10px;color:var(--white);font-family:Inter,sans-serif;font-size:15px;outline:none;transition:border-color .15s;box-sizing:border-box}.gate-input:focus{border-color:var(--green)}.gate-roles{display:flex;gap:8px}.gate-role-btn{flex:1;padding:10px 8px;background:var(--black3);color:var(--muted);border:1px solid var(--border);border-radius:10px;font-family:Roboto Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:all .15s}.gate-role-btn.active{background:#b2ff001a;color:var(--green);border-color:#b2ff0066}.gate-error{font-family:Inter,sans-serif;font-size:13px;color:var(--red);margin:0}.gate-submit{width:100%;padding:15px;background:var(--green);color:var(--black);border:none;border-radius:10px;font-family:Roboto Mono,monospace;font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:opacity .15s}.gate-submit:hover:not(:disabled){opacity:.88}.gate-submit:disabled{opacity:.5;cursor:wait}.gate-fine{font-family:Inter,sans-serif;font-size:12px;color:#f8f8f840;margin:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #101214;--black2: #161a1d;--black3: #1d2226;--black4: #242a2f;--white: #F8F8F8;--green: #B2FF00;--blue: #004FFF;--red: #FF0400;--muted: rgba(248,248,248,.35);--border: rgba(248,248,248,.07);--border2: rgba(178,255,0,.18)}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--black);color:var(--white);font-family:Inter,sans-serif;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input[type=range]{-webkit-appearance:none;background:transparent;outline:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--black4);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--white);border:2px solid var(--green);margin-top:-6px}input[type=color]{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--border);cursor:pointer;padding:2px;background:var(--black3)}