.pshot{margin:0 auto;width:100%;max-width:calc(var(--pshot-w) * 1px);--pshot-accent:var(--accent,#E8500A)}.pshot-stage{container-type:inline-size;position:relative;width:100%;aspect-ratio:var(--pshot-w) /var(--pshot-h);overflow:hidden;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(var(--rule),.09),0 26px 80px -34px rgba(var(--shade),.38),0 1px 0 rgba(var(--tint),.055);transition:box-shadow var(--t-3,.42s) var(--e-out,cubic-bezier(.25,1,.5,1))}.pshot-stage:hover{box-shadow:inset 0 0 0 1px rgba(var(--rule),.09),0 44px 130px -30px rgba(var(--shade),.6),0 1px 0 rgba(var(--tint),.055)}@media (prefers-reduced-motion:reduce){.pshot-stage{transition:none}}.pshot-fit{position:absolute;top:0;left:0;width:calc(var(--pshot-w) * 1px);height:calc(var(--pshot-h) * 1px);transform:scale(calc(100cqw / var(--pshot-basis)));transform-origin:top left}.pshot-stage .msim{width:100%;height:100%;zoom:var(--pshot-zoom,1);overflow:hidden;pointer-events:none;user-select:none;--msim-vh:calc(var(--pshot-h) / var(--pshot-zoom, 1) * 1px);--msim-vw:calc(var(--pshot-w) / var(--pshot-zoom, 1) * 1px)}.pshot-fit.live .pshot-hot{pointer-events:auto;cursor:pointer}.pshot-veil{position:absolute;inset:0;pointer-events:none;opacity:0}.pshot-fit.live .msim [class*=overflow-auto],.pshot-fit.live .msim [class*=overflow-y-auto],.pshot-fit.live .msim [data-transcript-scroll]{pointer-events:auto;overscroll-behavior:auto}.pshot-fit.live .msim [class*=overflow-auto]>*,.pshot-fit.live .msim [class*=overflow-y-auto]>*,.pshot-fit.live .msim [data-transcript-scroll]>*{pointer-events:none}.pshot-fit.live .msim .pshot-hot{pointer-events:auto}.pshot-fit.live .msim.pshot-dismissable{pointer-events:auto;cursor:default}.pshot-chrome{position:absolute;top:8px;left:20px;display:flex;gap:8px;pointer-events:none;z-index:40}.pshot-chrome i{width:12px;height:12px;border-radius:50%;background:var(--ink-3,#8a9094);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.16)}.pshot-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.msim .bg-primary{background-color:var(--color-primary)}@keyframes pshot-ripple{0%{opacity:.95;transform:scale(.4)}to{opacity:0;transform:scale(3.2)}}.pshot-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;padding-bottom:6px}.pshot-step{appearance:none;border:1px solid var(--line);background:rgba(var(--tint),.04);color:var(--ink-3);font:inherit;font-size:11.5px;line-height:1;padding:5px 9px;border-radius:2px;cursor:pointer;transition:color var(--t-2,.2s) var(--e-out,cubic-bezier(.25,1,.5,1)),border-color var(--t-2,.2s) var(--e-out,cubic-bezier(.25,1,.5,1)),background var(--t-2,.2s) var(--e-out,cubic-bezier(.25,1,.5,1))}.pshot-step:hover{color:var(--ink-1);border-color:var(--line-2)}.pshot-step.on{color:var(--ink-1);border-color:color-mix(in srgb,var(--pshot-accent,#8ea8ff) 55%,transparent);background:color-mix(in srgb,var(--pshot-accent,#8ea8ff) 14%,transparent)}.pshot-step.pin{box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--pshot-accent,#8ea8ff) 85%,transparent)}.msim .tui-body{height:100%;padding:14px 0 14px 18px;font-family:var(--mono);font-size:15.5px;line-height:30px;color:var(--term-fg);-webkit-font-smoothing:antialiased}.msim .tui-row{white-space:pre}.msim .tui-caret{color:var(--term-cursor)}.msim .tui-caret,.msim .tui-gap{display:inline-block;width:1.6ch}.msim .tui-dim,.msim .tui-num{color:var(--term-ansi-8)}.msim .tui-on,.msim .tui-tick{color:var(--term-ansi-2)}.msim .tui-rule{height:1px;margin:0 22px 0 4px;background:repeating-linear-gradient(90deg,var(--term-ansi-8) 0 6px,transparent 6px 12px)}.msim .tui-code{padding-left:4px}.msim .tui-ln{color:var(--term-ansi-8);text-align:right}.msim .tui-ln,.msim .tui-sign{display:inline-block;width:3ch}.msim .tui-sign{text-align:center}.msim .tui-del{background:color-mix(in srgb,var(--term-ansi-1) 16%,var(--term-bg));margin-right:22px}.msim .tui-add{background:color-mix(in srgb,var(--term-ansi-2) 16%,var(--term-bg));margin-right:22px}.msim .tui-del .tui-sign{color:var(--term-ansi-1)}.msim .tui-add .tui-sign{color:var(--term-ansi-2)}.msim .tui-kw{color:var(--syn-keyword)}.msim .tui-fn{color:var(--syn-func)}.msim .tui-id,.msim .tui-pn{color:var(--term-fg)}.msim .tui-str{color:var(--syn-string)}.msim .tui-mark-del{background:color-mix(in srgb,var(--term-ansi-1) 34%,var(--term-bg));color:var(--term-fg)}.msim .tui-mark-add{background:color-mix(in srgb,var(--term-ansi-2) 34%,var(--term-bg));color:var(--term-fg)}.msim{--font-mono:var(--mono)}.msim .ml-\[5px\]{margin-left:5px}.msim .mx-\[2px\]{margin-left:2px;margin-right:2px}.msim button.border-l-2.bg-layer-selected{background-color:var(--color-layer-hover);border-left-color:transparent}.msim button.border-l-2.bg-layer-selected span.truncate{font-weight:500}