.shot{position:relative;width:100%;--aw:1180px}.shot>.app{position:absolute;left:0;top:0;width:var(--aw);transform-origin:0 0}.shot.static>.app{position:relative}.app{--z50:#fafafa;--z100:#f4f4f5;--z200:#e4e4e7;--z300:#d4d4d8;--z400:#a1a1aa;--z500:#71717a;--z600:#52525b;--z700:#3f3f46;--z800:#27272a;--z900:#18181b;font-family:var(--font);color:var(--z900);background:#0a0a0c;border-radius:14px;overflow:hidden;line-height:1.35;letter-spacing:0;box-shadow:0 0 0 1px #ffffff14,0 50px 120px -30px #000000bf,0 30px 80px -40px #2a4fe08c;color-scheme:light;text-align:left}.app *{box-sizing:border-box}.app h1,.app h2,.app h3,.app h4{letter-spacing:0;line-height:1.25;font-weight:600;text-wrap:initial}.app code{font-family:var(--mono)}.app .chrome{height:38px;display:flex;align-items:center;gap:14px;padding:0 14px;background:#0a0a0c;border-bottom:1px solid rgba(255,255,255,.06)}.app .dots{display:flex;gap:7px}.app .dots i{width:11px;height:11px;border-radius:50%;background:#2a2a30}.app .url{flex:1;max-width:440px;margin:0 auto;height:24px;border-radius:7px;background:#17171b;color:#8b8b95;font-size:11.5px;display:flex;align-items:center;justify-content:center;gap:7px}.app .url:before{content:"";width:9px;height:10px;border:1.6px solid #6b6b75;border-radius:2px 2px 3px 3px;border-top-width:3px}.app .chrome .sp{width:52px}.app .shell{display:flex;min-height:var(--ah,640px)}.app .side{width:212px;flex:none;background:#0a0a0c;color:#d4d4d8;padding:12px 10px;display:flex;flex-direction:column;gap:2px;font-family:Inter,var(--font);overflow:hidden}.app .side .org{display:flex;align-items:center;gap:9px;padding:4px 6px 14px}.app .side .org svg{width:26px;height:26px;flex:none}.app .side .org b{display:block;color:#fff;font-size:13px;font-weight:700}.app .side .org small{display:block;color:#71717a;font-size:10.5px}.app .side .search{height:28px;border-radius:8px;background:#ffffff0d;margin:0 2px 10px;color:#71717a;font-size:11.5px;display:flex;align-items:center;padding:0 9px;gap:7px}.app .side .search:before{content:"";width:9px;height:9px;border:1.5px solid #71717a;border-radius:50%}.app .side .search kbd{margin-left:auto;font:inherit;font-size:10px;color:#52525b}.app .nv{display:flex;align-items:center;gap:9px;height:28px;border-radius:8px;padding:0 8px;font-size:13px;color:#d4d4d8;white-space:nowrap}.app .nv svg{width:15px;height:15px;flex:none;color:var(--c,#a1a1aa)}.app .nv.on{background:#ffffff1f;color:#fff}.app .nv .chev{margin-left:auto;width:10px;height:10px;color:#52525b}.app .nv.kid{padding-left:32px;color:#a1a1aa;font-size:12.5px;height:26px}.app .nv.kid.on{color:#fff;background:#ffffff1f}.app .side .foot{margin-top:auto;display:flex;align-items:center;gap:9px;padding:10px 6px 2px;border-top:1px solid rgba(255,255,255,.06)}.app .side .foot .av{width:26px;height:26px;border-radius:8px;background:#8b5cf6;color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center}.app .side .foot b{font-size:12px;color:#fff;font-weight:600;display:block}.app .side .foot small{font-size:10.5px;color:#71717a}.app .pane{flex:1;min-width:0;background:var(--z50);border-top-left-radius:16px;display:flex;flex-direction:column;overflow:hidden}.app .topbar{height:60px;flex:none;background:#fff;border-bottom:1px solid var(--z200);display:flex;align-items:center;gap:14px;padding:0 22px}.app .navbtns{display:flex;border:1px solid var(--z200);border-radius:8px;overflow:hidden}.app .navbtns i{width:26px;height:26px;display:grid;place-items:center;color:var(--z400);font-style:normal;font-size:13px}.app .navbtns i+i{border-left:1px solid var(--z200)}.app .tt b{display:block;font-size:16.5px;font-weight:600;color:var(--z900)}.app .tt small{display:block;font-size:11.5px;color:var(--z500)}.app .tb-r{margin-left:auto;display:flex;gap:8px;align-items:center}.app .body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:16px;flex:1}.app .b{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid var(--z200);background:#fff;color:var(--z700);white-space:nowrap}.app .b.pri{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 1px 3px #0000001f}.app .b.dark{background:var(--z900);border-color:var(--z900);color:#fff}.app .b.help{border-color:transparent;background:transparent;color:#0369a1}.app .b.sm{height:26px;padding:0 9px;font-size:11.5px}.app .seg{display:inline-flex;gap:2px;border:1px solid var(--z200);background:var(--z50);border-radius:9px;padding:2px}.app .seg span{font-size:12px;font-weight:600;color:var(--z500);padding:5px 11px;border-radius:7px;white-space:nowrap}.app .seg span.on{background:#fff;color:var(--z900);box-shadow:0 1px 2px #00000014}.app .seg.blk span.on{background:var(--z900);color:#fff}.app .seg em{font-style:normal;margin-left:5px;font-size:10.5px;padding:0 6px;border-radius:99px;background:var(--z100);color:var(--z600)}.app .seg span.on em{background:#ffffff2e;color:inherit}.app .kpis{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:12px}.app .kpi{border:1px solid var(--z200);background:#fff;border-radius:16px;padding:13px 14px;display:grid;gap:6px;min-width:0}.app .kpi .l{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.app .kpi .l i{width:24px;height:24px;border-radius:8px;background:var(--z100)}.app .kpi .v{font-family:var(--mono);font-size:19px;font-weight:700;letter-spacing:-.01em}.app .kpi .f{font-size:11px;opacity:.75}.app .kpi.blue{border-color:#bfdbfe;background:#eff6ff99;color:#1e3a8a}.app .kpi.blue .l i{background:#dbeafe}.app .kpi.violet{border-color:#ddd6fe;background:#f5f3ff99;color:#4c1d95}.app .kpi.violet .l i{background:#ede9fe}.app .kpi.amber{border-color:#fde68a;background:#fffbeb99;color:#78350f}.app .kpi.amber .l i{background:#fef3c7}.app .kpi.emerald{border-color:#a7f3d0;background:#ecfdf599;color:#064e3b}.app .kpi.emerald .l i{background:#d1fae5}.app .kpi.rose{border-color:#fecdd3;background:#fff1f299;color:#881337}.app .kpi.rose .l i{background:#ffe4e6}.app .card2{background:#fff;border:1px solid var(--z200);border-radius:16px;overflow:hidden;min-width:0}.app .card2>h4{font-size:13px;font-weight:600;padding:12px 16px;border-bottom:1px solid var(--z100);display:flex;align-items:center;gap:8px}.app .card2>h4 small{margin-left:auto;font-weight:500;color:var(--z500);font-size:11px}.app table{width:100%;border-collapse:collapse}.app th{background:var(--z50);border-bottom:1px solid var(--z200);padding:9px 10px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--z500);text-align:left;white-space:nowrap}.app td{padding:10px;font-size:12px;border-bottom:1px solid var(--z100);white-space:nowrap;color:var(--z800)}.app tr:last-child td{border-bottom:0}.app .r{text-align:right}.app .m{font-family:var(--mono);font-size:11.5px}.app .doc{font-family:var(--mono);font-size:11.5px;font-weight:600;color:var(--z900)}.app .mut{color:var(--z500)}.app .trunc{max-width:220px;overflow:hidden;text-overflow:ellipsis}.app tr.sel td{background:#eff6ff99}.app .p{display:inline-flex;align-items:center;gap:5px;border-radius:99px;border:1px solid var(--z200);background:var(--z100);color:var(--z700);font-size:10.5px;font-weight:600;padding:2px 8px;white-space:nowrap;line-height:1.5}.app .p.blue{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.app .p.sky{border-color:#bae6fd;background:#f0f9ff;color:#0369a1}.app .p.emerald{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.app .p.amber{border-color:#fde68a;background:#fffbeb;color:#b45309}.app .p.rose{border-color:#fecdd3;background:#fff1f2;color:#be123c}.app .p.violet{border-color:#ddd6fe;background:#f5f3ff;color:#6d28d9}.app .p.yellow{border-color:#fef08a;background:#fef9c3;color:#854d0e}.app .p.green{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.app .p.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.app .chip{display:inline-flex;font-size:10px;font-weight:700;padding:1px 6px;border-radius:5px;background:var(--z100);color:var(--z600);font-family:var(--mono)}.app .kind{display:inline-grid;place-items:center;min-width:34px;height:20px;border-radius:6px;color:#fff;font-size:10px;font-weight:700;padding:0 5px}.app .bar{height:6px;border-radius:99px;background:var(--z100);overflow:hidden}.app .bar i{display:block;height:100%;border-radius:inherit;background:#2563eb;width:var(--w,0%)}.app .steps{display:flex;align-items:center;gap:0;background:#fff;border:1px solid var(--z200);border-radius:14px;padding:12px 16px}.app .steps .st{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--z400);flex:1}.app .steps .st:last-child{flex:none}.app .steps .st b{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--z300);display:grid;place-items:center;font-size:10.5px;color:var(--z400);background:#fff;flex:none}.app .steps .st:after{content:"";flex:1;height:2px;background:var(--z200);margin:0 10px;border-radius:2px}.app .steps .st:last-child:after{display:none}.app .steps .st.done{color:var(--z900)}.app .steps .st.done b{background:#2563eb;border-color:#2563eb;color:#fff}.app .steps .st.done:after{background:#2563eb}.app .steps .st.now{color:var(--z900)}.app .steps .st.now b{border-color:#2563eb;color:#2563eb;box-shadow:0 0 0 4px #dbeafe}.shot .a-row{opacity:0}.shot.play .a-row{animation:aRow .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*90ms + .15s)}@keyframes aRow{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.shot .a-new{opacity:0}.shot.play .a-new{animation:aNew 1s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,1.6s)}@keyframes aNew{0%{opacity:0;transform:translateY(-10px)}60%{opacity:1;transform:none}}.shot.play .a-new td{animation:aFlash 2.4s ease both;animation-delay:var(--d,1.6s)}@keyframes aFlash{0%,20%{background:#dbeafee6}to{background:transparent}}.shot.play .a-bar i{animation:aBar 1.6s cubic-bezier(.3,.7,.2,1) both;animation-delay:var(--d,.6s)}@keyframes aBar{0%{width:var(--from,0%)}to{width:var(--w)}}.shot .swap{display:inline-grid}.shot .swap>*{grid-area:1/1}.shot .swap .s2{opacity:0}.shot.play .swap .s1{animation:aOut .35s ease both;animation-delay:var(--d,2s)}.shot.play .swap .s2{animation:aIn .45s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--d,2s) + .2s)}@keyframes aOut{to{opacity:0;transform:scale(.8)}}@keyframes aIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.shot .a-pop{opacity:0}.shot.play .a-pop{animation:aIn .5s cubic-bezier(.3,1.5,.5,1) both;animation-delay:var(--d,2s)}.shot.play .st.a-step b{animation:aStep .5s ease both;animation-delay:var(--d,1.4s)}@keyframes aStep{0%{background:#fff;border-color:#d4d4d8;color:#a1a1aa;box-shadow:none}}@media(prefers-reduced-motion:reduce){.shot .a-row,.shot .a-new,.shot .a-pop,.shot .swap .s2{opacity:1!important;animation:none!important}.shot .swap .s1{opacity:0!important;animation:none!important}}
