@font-face{font-family:Space Grotesk;src:url(fonts/space-grotesk-site-ascii-symbols-300-700-normal.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}:root{--ink:#101b2d;--muted:#435771;--soft:#5a7b9f;--paper:#dfeafb;--accent:#087dff;--accent-dark:#0864d0;--hot:#ff4a2e;--line:rgba(67,104,157,.19);--glass:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,249,255,.89));--glass-border:rgba(106,149,205,.42);--gap:10px;--cards-h:240px;--scene-min:max(300px,26%);--chrome:calc(24px + 30px + 2px + 27px + 40px + 3 * var(--gap) + var(--cards-h) + 8px);font-family:Space Grotesk,Arial,sans-serif;font-synthesis:none;color:var(--ink);color-scheme:light;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(at 12% 8%,rgba(245,249,255,.6),transparent 40%),linear-gradient(160deg,#e9f1fc,#d6e4f7 60%,#dfeafb);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:12px 16px}.viewer{width:min(2400px,100%);display:flex;flex-direction:column;gap:var(--gap);padding:14px 20px 16px;border-radius:29px;background:linear-gradient(145deg,#f8fbff,#e8f1ff);border:1px solid rgba(255,255,255,.87);box-shadow:0 45px 140px #10284654,0 8px 30px #9cb5d640}.head{display:flex;align-items:center;gap:12px}.back{font-size:12px;color:var(--soft);text-decoration:none;border:1px solid #d7e3f2;border-radius:10px;padding:4px 10px;background:rgba(255,255,255,.55)}.back:hover{color:var(--accent);border-color:#087dff59}.head h1{margin:0;font-size:21px;line-height:27px;font-weight:600;letter-spacing:-.01em}.head .sub{margin:2px 0 0;font-size:12px;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:10px;min-height:40px}.play{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:99px;padding:8px 16px 8px 13px;background:var(--accent);color:#fff;font:600 13px Space Grotesk,Arial,sans-serif;cursor:pointer;box-shadow:0 6px 16px #0871df47}.play:hover{background:var(--accent-dark)}.play-icon{width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}.play.playing .play-icon{width:9px;height:11px;border:0;border-left:3px solid #fff;border-right:3px solid #fff}.time{font-size:12px;color:var(--soft);font-variant-numeric:tabular-nums;min-width:34px}.seek{flex:1;min-width:120px;accent-color:var(--accent)}.icon{width:32px;height:32px;border-radius:50%;border:1px solid #d7e3f2;background:rgba(255,255,255,.55);color:var(--soft);font:16px Space Grotesk,Arial,sans-serif;cursor:pointer}.toggles{display:flex;gap:6px}.pill{border:1px solid #d7e3f2;border-radius:10px;padding:6px 11px;background:rgba(255,255,255,.55);color:var(--soft);font:500 12px Space Grotesk,Arial,sans-serif;cursor:pointer}.pill.on{background:rgba(8,125,255,.1);border-color:#087dff59;color:#126dce}.stage{display:flex;justify-content:center;align-items:stretch;gap:var(--gap)}.video-wrap{position:relative;width:min(100%,calc((100vh - var(--chrome)) * 4 / 3));min-width:min(100%,320px);aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#111b21}video,#overlay,#heat{position:absolute;inset:0;width:100%;height:100%}#heat{pointer-events:none}video{object-fit:contain}#overlay{pointer-events:none}.loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 18px;border-radius:16px;font-size:12px;background:linear-gradient(145deg,#eef5fff5,#dfeafbfa);color:#435771}.loader[hidden]{display:none}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.3fr);gap:var(--gap);height:var(--cards-h)}.card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:8px 10px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:0 4px 10px #1f4a8910,inset 0 1px #fff}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:23px}.card h2{margin:0;font-size:15px;line-height:21px;font-weight:600;white-space:nowrap}.card-sub{font-size:10px;line-height:13px;color:var(--muted);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view{flex:1;min-height:0;position:relative}.view canvas{display:block;width:100%!important;height:100%!important}@media (max-width:820px){:root{--cards-h:370px;--scene-h:140px;--chrome:calc(24px + 30px + 2px + 27px + 40px + 4 * var(--gap) + var(--cards-h) + var(--scene-h) + 8px)}.cards{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.card{height:180px}.toggles{display:none}}.video-wrap.wide{aspect-ratio:16/9;flex:none;width:min(100% - var(--scene-min) - var(--gap),calc((100vh - var(--chrome)) * 16 / 9))}.card-scene{flex:1 1 0;min-width:var(--scene-min);max-width:calc((100vh - var(--chrome)) * 1.5)}.view-scene{margin-top:4px;border-radius:10px;overflow:hidden;background:#0d1620}.scene-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:9px 14px;border-radius:14px;font-size:11px;background:rgba(238,245,255,.92);color:#435771;pointer-events:none;white-space:nowrap}.scene-status[hidden]{display:none}.scene-modes{display:flex;gap:4px;margin-left:auto}.scene-modes[hidden]{display:none}.scene-modes .pill{padding:2px 8px;font-size:10.5px;border-radius:8px}.pose{position:absolute;left:0;bottom:0;z-index:2;display:grid;grid-template-columns:auto auto auto auto;column-gap:7px;row-gap:0;padding:4px 7px;border-radius:8px;background:rgba(255,255,255,.82);border:1px solid rgba(106,149,205,.28);font-size:10px;line-height:14px;color:var(--ink);font-variant-numeric:tabular-nums;pointer-events:none}.pose:empty{display:none}.pose .k{color:var(--soft)}.pose .v{text-align:right;min-width:36px}.pose .t{grid-column:1 / -1;color:var(--soft);font-size:9.5px}.cf{flex:1;display:flex;align-items:center;gap:12px;min-height:0;padding:2px 2px 0}.cf-hand{height:100%;max-height:192px;max-width:42%;flex:none;overflow:visible}.cf-list{list-style:none;margin:0;padding:0;flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cf-list li{display:grid;grid-template-columns:9px minmax(38px,1fr) auto auto;align-items:center;column-gap:7px;font-size:11.5px;line-height:21px;color:var(--ink)}.cf-list .cf-headrow{font-size:10px;line-height:12px;color:var(--soft);margin-bottom:2px;align-items:end}.cf-headrow b{display:block;font-weight:400;font-size:9px;opacity:.75}.cf-chip{width:9px;height:9px;border-radius:50%;background:#d3dceb}.cf-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-area,.cf-force{font-variant-numeric:tabular-nums;text-align:right;min-width:44px;white-space:nowrap}.cf-force{font-weight:600;min-width:46px}.cf-list li.is-idle{color:#9aabc0}.cf-list li.is-idle .cf-force{font-weight:500}.card{container-type:inline-size}@container (max-width:390px){.cf{gap:6px}.cf-hand{max-width:31%}.cf-list li{grid-template-columns:8px minmax(30px,1fr) auto auto;column-gap:5px;font-size:10.5px}.cf-area,.cf-force{min-width:30px}}@container (max-width:250px){.pose{font-size:9px;line-height:12px;padding:3px 5px;column-gap:4px}.pose .v{min-width:28px}}@media (max-width:820px){.stage{flex-direction:column;align-items:center}.video-wrap.wide{width:min(100%,calc((100vh - var(--chrome)) * 16 / 9));min-width:min(100%,280px)}.card-scene{flex:none;width:100%;height:var(--scene-h);min-width:0;max-width:none}.cf-list{gap:1px}.cf-list li{line-height:16px;font-size:10.5px}.cf-list .cf-headrow{margin-bottom:1px}}body.landing{align-items:center;min-height:100vh}.deck{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,4vw,56px);width:min(1400px,100%);padding:clamp(16px,4vh,48px) 0}.float-card{width:min(520px,100%);display:flex;flex-direction:column;border-radius:26px;overflow:hidden;text-decoration:none;color:var(--ink);background:var(--glass);border:1px solid var(--glass-border);box-shadow:0 40px 110px #1028464d,0 8px 26px #9cb5d647;animation:drift 7s ease-in-out infinite;animation-delay:var(--delay,0s);transition:box-shadow .25s ease,transform .25s ease}.float-card:hover,.float-card:focus-visible{animation-play-state:paused;transform:translateY(-10px) scale(1.015);box-shadow:0 56px 130px #1028465c,0 10px 30px #087dff38;outline:none}.float-media{aspect-ratio:16/9;background:#111b21;overflow:hidden}.float-media img{width:100%;height:100%;object-fit:cover;display:block}.float-body{padding:18px 22px 20px;display:flex;flex-direction:column;gap:8px}.float-body h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}.float-body p{margin:0;font-size:14px;line-height:1.45;color:var(--muted)}.float-go{align-self:flex-start;margin-top:4px;font-size:13px;font-weight:600;color:#fff;background:var(--accent);border-radius:99px;padding:7px 15px;box-shadow:0 6px 16px #0871df47}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.float-card{animation:none}}@media (max-width:700px){.float-body h2{font-size:19px}.float-body p{font-size:13px}}.viewer.has-labels{--lb-h:170px;--chrome:calc(24px + 30px + 2px + 27px + 40px + 4 * var(--gap) + var(--cards-h) + var(--lb-h) + 8px)}.labelbar{display:flex;flex-direction:column;gap:5px;padding:8px 10px 7px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:0 4px 10px #1f4a8910,inset 0 1px #fff;font-size:12px}.lb-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:30px}.lb-title{font-size:15px;font-weight:600;margin-right:4px;white-space:nowrap}.lb-step{display:flex;align-items:center;gap:3px}.lb-step button,.lb-btn,.lb-obj{border:1px solid #d7e3f2;border-radius:9px;background:rgba(255,255,255,.7);color:var(--muted);font:500 12px Space Grotesk,Arial,sans-serif;padding:4px 9px;cursor:pointer}.lb-step button{min-width:28px;font-size:14px;line-height:16px;padding:3px 7px}.lb-step button:hover,.lb-btn:hover,.lb-obj:hover{border-color:#087dff66;color:var(--accent)}.lb-frame{min-width:118px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.lb-frame b{color:var(--ink);font-weight:600}.lb-of{color:var(--soft)}.lb-parts{display:flex;gap:4px;flex-wrap:wrap}.lb-part{display:inline-flex;align-items:center;gap:5px;border:1px solid #d7e3f2;border-radius:9px;padding:4px 9px 4px 5px;background:rgba(255,255,255,.7);color:var(--muted);font:500 12px Space Grotesk,Arial,sans-serif;cursor:pointer}.lb-part kbd{font:600 10px Space Grotesk,Arial,sans-serif;width:15px;height:15px;border-radius:4px;display:inline-grid;place-items:center;background:rgba(67,104,157,.12);color:var(--soft)}.lb-part.on{background:var(--c);border-color:var(--c);color:#fff}.lb-part.on kbd{background:rgba(255,255,255,.3);color:#fff}.lb-part.changed{box-shadow:0 0 0 2px #087dff59}.lb-status{flex:1;min-width:140px;text-align:right;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-status[data-kind=dirty]{color:#b26a00}.lb-status[data-kind=busy]{color:var(--accent)}.lb-status[data-kind=ok]{color:#178a3c}.lb-status[data-kind=error]{color:#c62828}.lb-reload{margin-left:6px}.lb-save{border:0;border-radius:99px;padding:6px 16px;background:var(--accent);color:#fff;font:600 13px Space Grotesk,Arial,sans-serif;cursor:pointer;box-shadow:0 6px 16px #0871df47}.lb-save:hover{background:var(--accent-dark)}.lb-save:disabled{opacity:.6;cursor:default}.lb-lanes{width:100%;height:94px;display:block;cursor:crosshair;touch-action:none}.lb-over{width:100%;height:14px;display:block;cursor:pointer;border-radius:4px;background:rgba(67,104,157,.06)}@media (max-width:820px){.viewer.has-labels{--lb-h:190px}.lb-status{flex-basis:100%;text-align:left}}@media (min-width:821px){:root:has(.labelbar){--chrome:calc(24px + 30px + 2px + 27px + 40px + 4 * var(--gap) + var(--cards-h) + 8px + 118px)}}.card-head .ce-open{margin-left:6px;padding:2px 8px;font-size:10.5px;border-radius:8px}.card-head .ce-open[hidden]{display:none}.card-head .ce-open+.card-sub{margin-left:auto}.ce-open.dirty:after{content:"";display:inline-block;width:6px;height:6px;margin-left:5px;border-radius:50%;background:#ffb020;vertical-align:1px}.ce-away{flex:1;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted)}.ce-away[hidden]{display:none}.ce-panel{position:fixed;right:12px;bottom:12px;z-index:60;display:flex;flex-direction:column;gap:7px;min-width:380px;padding:10px 12px 12px;border-radius:16px;background:linear-gradient(150deg,#f8fbff,#eaf2ff);border:1px solid var(--glass-border);box-shadow:0 30px 90px #10284659}.ce-panel[hidden]{display:none}.ce-panel button{font-family:inherit}.ce-head{display:flex;align-items:baseline;gap:9px;min-width:0}.ce-head h2{margin:0;font-size:15px;line-height:21px;font-weight:600;white-space:nowrap}.ce-obj{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ce-x{margin-left:auto;flex:none;width:26px;height:26px;border-radius:50%;border:1px solid #d7e3f2;background:transparent;color:var(--soft);font-size:16px;line-height:1;cursor:pointer}.ce-nav{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--soft)}.ce-btn{width:28px;height:24px;border-radius:8px;border:1px solid #d7e3f2;background:transparent;color:var(--soft);cursor:pointer;font-size:10px}.ce-count{min-width:104px;text-align:center;font-variant-numeric:tabular-nums}.ce-done{margin-left:auto;color:var(--muted)}.ce-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.ce-list li{display:grid;grid-template-columns:12px 58px 1fr auto auto;align-items:center;column-gap:9px;padding:2px 8px;border-radius:9px;font-size:12px;line-height:22px;border:1px solid transparent;cursor:pointer}.ce-list li.sel{border-color:#087dff73;background:rgba(8,125,255,.08)}.ce-list li.ce-none{display:block;cursor:default;color:var(--muted);font-size:11.5px}.ce-dot{width:11px;height:11px;border-radius:50%}.ce-when{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.ce-state{font-size:11px;color:var(--muted)}.ce-list li[data-state=moved] .ce-state{color:#d98a00;font-weight:600}.ce-list li[data-state=placed] .ce-state{color:#1e9e55;font-weight:600}.ce-auto{border:1px solid #d7e3f2;border-radius:7px;background:transparent;color:var(--soft);font-size:10.5px;line-height:16px;padding:1px 7px;cursor:pointer}.ce-auto[hidden]{display:inline-block;visibility:hidden}.ce-slot{flex:1;min-height:220px;position:relative;display:flex;border-radius:12px;background:rgba(0,0,0,.035)}.ce-slot .view{flex:1}.ce-foot{display:flex;align-items:center;gap:10px}.ce-hint{flex:1;font-size:10.5px;line-height:14px;color:var(--muted)}.ce-status{font-size:11px;color:var(--muted);white-space:nowrap}.ce-status[data-kind=busy]{color:#1f7ae0}.ce-status[data-kind=ok]{color:#1e9e55}.ce-status[data-kind=error]{color:#e5484d}.ce-save{flex:none;border:0;border-radius:10px;padding:7px 16px;background:linear-gradient(135deg,#2f8cff,#1468d8);color:#fff;font-weight:600;font-size:12.5px;cursor:pointer}.ce-save[disabled]{opacity:.45;cursor:default}