.pshot{margin:0 auto;width:100%;max-width:calc(var(--pshot-w) * 1px);--pshot-accent:var(--accent,#8ea8ff);--pshot-cursor:var(--pshot-accent)}.pshot-stage{container-type:inline-size;position:relative;width:100%;aspect-ratio:var(--pshot-w) /var(--pshot-h);overflow:hidden;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(250,249,245,.09),0 40px 120px -34px rgba(0,0,0,.92),0 1px 0 rgba(255,255,255,.055)}.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%;overflow:hidden;pointer-events:none;user-select:none;--msim-vh:calc(var(--pshot-h) * 1px);--msim-vw:calc(var(--pshot-w) * 1px)}.pshot-fit.live .pshot-hot{pointer-events:auto;cursor:pointer}.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:999px;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.16)}.pshot-chrome i:first-child{background:#ff5f57}.pshot-chrome i:nth-child(2){background:#febc2e}.pshot-chrome i:nth-child(3){background:#28c840}.pshot-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.pshot-cursor{position:absolute;top:0;left:0;width:24px;height:24px;pointer-events:none;z-index:20;filter:drop-shadow(0 2px 5px rgba(0,0,0,.6)) drop-shadow(0 0 9px color-mix(in srgb,var(--pshot-accent,#8ea8ff) 45%,transparent));will-change:transform}.pshot-cursor:after{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:999px;border:1.5px solid var(--pshot-cursor,#8ea8ff);opacity:0;transform:scale(.4)}.pshot-cursor.on:after{animation:pshot-ripple .26s var(--ease-out,cubic-bezier(.21,.47,.32,.98))}@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 rgba(250,249,245,.1);background:rgba(20,19,17,.55);color:rgba(250,249,245,.62);font:inherit;font-size:11.5px;line-height:1;padding:5px 9px;border-radius:999px;cursor:pointer;transition:color .16s,border-color .16s,background .16s}.pshot-step:hover{color:rgba(250,249,245,.92);border-color:rgba(250,249,245,.22)}.pshot-step.on{color:rgba(250,249,245,.97);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)}@media (prefers-reduced-motion:reduce){.pshot-cursor{display:none}}.msim .tui-body{height:100%;padding:14px 0 14px 18px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15.5px;line-height:30px;color:#C9C6BE;-webkit-font-smoothing:antialiased}.msim .tui-row{white-space:pre}.msim .tui-caret{color:#C9C6BE}.msim .tui-caret,.msim .tui-gap{display:inline-block;width:1.6ch}.msim .tui-num{color:#8B8779}.msim .tui-dim{color:#9B978C}.msim .tui-on,.msim .tui-tick{color:#67C08A}.msim .tui-rule{height:1px;margin:0 22px 0 4px;background:repeating-linear-gradient(90deg,#4A473F 0 6px,transparent 6px 12px)}.msim .tui-code{padding-left:4px}.msim .tui-ln{color:#6E6A5F;text-align:right}.msim .tui-ln,.msim .tui-sign{display:inline-block;width:3ch}.msim .tui-sign{text-align:center}.msim .tui-del{background:#3D1418;margin-right:22px}.msim .tui-add{background:#12331B;margin-right:22px}.msim .tui-del .tui-sign{color:#E4707A}.msim .tui-add .tui-sign{color:#7BD69A}.msim .tui-kw{color:#6FB2E8}.msim .tui-fn{color:#A6E22E}.msim .tui-id,.msim .tui-pn{color:#C9C6BE}.msim .tui-str{color:#E6DB74}.msim .tui-mark-del{background:#7A1F27;color:#FFD9DD}.msim .tui-mark-add{background:#1E6B33;color:#DDFFE6}