.workspace-guide-screenshots-module__88sufG__screenshots{min-width:0;margin-block:14px;padding:0}.workspace-guide-screenshots-module__88sufG__screenshots .workspace-guide-screenshots-module__88sufG__notice,.workspace-guide-screenshots-module__88sufG__screenshots .workspace-guide-screenshots-module__88sufG__follow{color:var(--ws-muted);margin:0 0 8px;font-size:13px;line-height:1.6}.workspace-guide-screenshots-module__88sufG__grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;min-width:0;display:grid}.workspace-guide-screenshots-module__88sufG__figure{flex-wrap:wrap;align-items:flex-start;gap:12px 24px;width:100%;min-width:0;margin:0;display:flex}.workspace-guide-screenshots-module__88sufG__media{flex:1 1 var(--screenshot-media-width);min-width:0;max-width:min(100%, var(--screenshot-max-width))}.workspace-guide-screenshots-module__88sufG__previewScroll{overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;border:1px solid var(--ws-line);background:var(--ws-bg);border-radius:6px 6px 0 0;min-width:0;padding:8px;overflow:auto}.workspace-guide-screenshots-module__88sufG__withPins{padding-top:30px}.workspace-guide-screenshots-module__88sufG__stage{isolation:isolate;min-width:0;position:relative}.workspace-guide-screenshots-module__88sufG__previewStage{width:100%;min-width:var(--screenshot-min-width)}.workspace-guide-screenshots-module__88sufG__imageClip{border-radius:3px;position:absolute;inset:0;overflow:hidden}.workspace-guide-screenshots-module__88sufG__croppedImage{-webkit-user-select:none;user-select:none;max-width:none;display:block;position:absolute}.workspace-guide-screenshots-module__88sufG__previewHitArea{z-index:1;cursor:zoom-in;background:0 0;border:0;border-radius:3px;width:100%;min-width:44px;height:100%;min-height:44px;padding:0;display:block;position:absolute;inset:0}.workspace-guide-screenshots-module__88sufG__enlargeLabel{border:1px solid var(--ws-line);background:var(--ws-panel2);width:100%;min-height:44px;color:var(--ws-text);font:inherit;cursor:zoom-in;border-top:0;border-radius:0 0 6px 6px;justify-content:flex-end;align-items:center;gap:5px;padding:6px 10px;font-size:13px;line-height:1.5;display:flex}.workspace-guide-screenshots-module__88sufG__enlargeLabel:hover{color:var(--ws-accent)}.workspace-guide-screenshots-module__88sufG__pins{z-index:2;pointer-events:none;position:absolute;inset:0}.workspace-guide-screenshots-module__88sufG__pinAnchor{--pin-shift-x:-50%;--pin-attach-x:50%;width:0;height:0;display:block;position:absolute}.workspace-guide-screenshots-module__88sufG__pinAnchor[data-side=left]{--pin-shift-x:0%;--pin-attach-x:0%}.workspace-guide-screenshots-module__88sufG__pinAnchor[data-side=right]{--pin-shift-x:-100%;--pin-attach-x:100%}.workspace-guide-screenshots-module__88sufG__pinAnchor .workspace-guide-screenshots-module__88sufG__pin{border:2px solid var(--ws-panel);background:var(--ws-accent);width:36px;height:36px;color:var(--ws-bg);transform:translate(var(--pin-shift-x), calc(-100% - 10px));pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;scroll-margin-block-start:calc(var(--app-market-ticker-height,0px) + var(--ws-header-height,58px) + 24px);font-size:20px;font-weight:750;line-height:1;text-decoration:none;display:inline-flex;position:absolute;box-shadow:0 1px 4px #00000059}.workspace-guide-screenshots-module__88sufG__pin:after{top:100%;left:var(--pin-attach-x);background:var(--ws-accent);content:"";width:2px;height:10px;position:absolute;transform:translate(-50%)}.workspace-guide-screenshots-module__88sufG__pin:before{top:calc(100% + 8px);left:var(--pin-attach-x);border:1px solid var(--ws-panel);background:var(--ws-accent);content:"";border-radius:50%;width:5px;height:5px;position:absolute;transform:translate(-50%)}.workspace-guide-screenshots-module__88sufG__pinAnchor[data-below=true] .workspace-guide-screenshots-module__88sufG__pin{transform:translate(var(--pin-shift-x), 10px)}.workspace-guide-screenshots-module__88sufG__pinAnchor[data-below=true] .workspace-guide-screenshots-module__88sufG__pin:after{top:auto;bottom:100%}.workspace-guide-screenshots-module__88sufG__pinAnchor[data-below=true] .workspace-guide-screenshots-module__88sufG__pin:before{top:auto;bottom:calc(100% + 8px)}.workspace-guide-screenshots-module__88sufG__pinAnchor .workspace-guide-screenshots-module__88sufG__pin:hover{background:var(--ws-text);color:var(--ws-bg)}.workspace-guide-screenshots-module__88sufG__pinLabel{z-index:10010;border:1px solid var(--ws-line);background:var(--ws-panel);width:max-content;max-width:min(330px,100vw - 24px);color:var(--ws-text);overflow-wrap:anywhere;pointer-events:none;border-radius:6px;margin:0;padding:10px 12px;font-size:14px;line-height:1.6;display:none;position:fixed;inset:auto;box-shadow:0 4px 20px #00000040}:is(.workspace-guide-screenshots-module__88sufG__pinLabel:popover-open,.workspace-guide-screenshots-module__88sufG__pinLabel[data-open=true]){display:block}.workspace-guide-screenshots-module__88sufG__caption{min-width:0;color:var(--ws-text);overflow-wrap:anywhere;flex-direction:column;flex:240px;gap:8px;padding-top:8px;font-size:15px;line-height:1.7;display:flex}.workspace-guide-screenshots-module__88sufG__metadata{color:var(--ws-muted);font-variant-numeric:tabular-nums;font-size:12px;line-height:1.6}.workspace-guide-screenshots-module__88sufG__legend{gap:8px;margin:6px 0 0;padding:0;list-style:none;display:grid}.workspace-guide-screenshots-module__88sufG__legend a{align-items:baseline;gap:8px;min-height:44px;padding-block:6px;font-size:16px;line-height:1.7;display:flex}.workspace-guide-screenshots-module__88sufG__legend li,.workspace-guide-screenshots-module__88sufG__stepAnchor{border-radius:5px;scroll-margin-block-start:calc(var(--app-market-ticker-height,0px) + var(--ws-header-height,58px) + 24px)}.workspace-guide-screenshots-module__88sufG__legend li:focus,.workspace-guide-screenshots-module__88sufG__legend li:target,.workspace-guide-screenshots-module__88sufG__stepAnchor:focus,.workspace-guide-screenshots-module__88sufG__stepAnchor:target{outline:2px solid var(--ws-accent);outline-offset:5px;background:var(--ws-hover)}.workspace-guide-screenshots-module__88sufG__legend a>span{border:1px solid var(--ws-line);height:26px;color:var(--ws-accent);border-radius:50%;flex:0 0 26px;justify-content:center;align-items:center;font-size:13px;font-weight:650;display:inline-flex}.workspace-guide-screenshots-module__88sufG__legend a:hover{color:var(--ws-accent)}.workspace-guide-screenshots-module__88sufG__overlay{z-index:10000;background:var(--lightningcss-light,#020617c2)var(--lightningcss-dark,color-mix(in srgb, var(--spark-dark-bg) 76%, transparent));position:fixed;inset:0}.workspace-guide-screenshots-module__88sufG__dialog{--screenshot-inline-inset:max(12px, env(safe-area-inset-left), env(safe-area-inset-right));z-index:10001;inset:max(12px, env(safe-area-inset-top)) var(--screenshot-inline-inset) max(12px, env(safe-area-inset-bottom)) var(--screenshot-inline-inset);width:min(1600px, calc(100% - var(--screenshot-inline-inset) - var(--screenshot-inline-inset)));border:1px solid var(--ws-line);background:var(--ws-panel);min-width:0;max-height:calc(100dvh - 24px);color:var(--ws-text);border-radius:8px;outline:none;grid-template-rows:auto auto minmax(0,1fr) auto;margin:auto;padding:14px;font-family:inherit;display:grid;position:fixed;overflow:hidden;box-shadow:0 18px 70px #0000004d}.workspace-guide-screenshots-module__88sufG__dialogHeader{grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:10px;min-width:0;display:grid}.workspace-guide-screenshots-module__88sufG__dialogHeading{min-width:0}.workspace-guide-screenshots-module__88sufG__dialogTitle{overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:600;line-height:1.5}.workspace-guide-screenshots-module__88sufG__dialogDescription{color:var(--ws-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;line-height:1.6}.workspace-guide-screenshots-module__88sufG__toolbar,.workspace-guide-screenshots-module__88sufG__viewControls{flex-wrap:wrap;align-items:center;gap:4px 12px;min-width:0;display:flex}.workspace-guide-screenshots-module__88sufG__toolbar{justify-content:space-between;padding:6px 0}.workspace-guide-screenshots-module__88sufG__viewControls{gap:4px 6px}.workspace-guide-screenshots-module__88sufG__iconButton,.workspace-guide-screenshots-module__88sufG__fitButton{min-width:44px;min-height:44px;color:var(--ws-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:14px;line-height:1.5;display:inline-flex}.workspace-guide-screenshots-module__88sufG__fitButton{justify-content:flex-start}.workspace-guide-screenshots-module__88sufG__iconButton:hover,.workspace-guide-screenshots-module__88sufG__fitButton:hover{color:var(--ws-accent)}.workspace-guide-screenshots-module__88sufG__previewHitArea:focus-visible,.workspace-guide-screenshots-module__88sufG__previewScroll:focus-visible,.workspace-guide-screenshots-module__88sufG__enlargeLabel:focus-visible,.workspace-guide-screenshots-module__88sufG__pinAnchor .workspace-guide-screenshots-module__88sufG__pin:focus-visible,.workspace-guide-screenshots-module__88sufG__legend a:focus-visible,.workspace-guide-screenshots-module__88sufG__iconButton:focus-visible,.workspace-guide-screenshots-module__88sufG__fitButton:focus-visible,.workspace-guide-screenshots-module__88sufG__imageViewport:focus-visible{outline:2px solid var(--ws-accent);outline-offset:2px}.workspace-guide-screenshots-module__88sufG__imageViewport{overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;border:1px solid var(--ws-line);background:var(--ws-bg);border-radius:4px;min-width:0;min-height:0;padding:30px 12px 12px;overflow:auto;container-type:size}.workspace-guide-screenshots-module__88sufG__imageViewport[data-fit=true]{place-items:center;display:grid}.workspace-guide-screenshots-module__88sufG__imageViewport:focus-visible{outline-offset:-2px}.workspace-guide-screenshots-module__88sufG__originalStage{max-width:none;margin-inline:auto}.workspace-guide-screenshots-module__88sufG__fitStage{width:min(100cqw, calc(100cqh * var(--screenshot-ratio)));max-width:100%;margin-inline:auto}.workspace-guide-screenshots-module__88sufG__scrollHint{color:var(--ws-muted);margin:8px 0 0;font-size:12px;line-height:1.6}@supports not (container-type:size){.workspace-guide-screenshots-module__88sufG__fitStage{width:100%}}@media (max-width:760px){.workspace-guide-screenshots-module__88sufG__figure{gap:10px}.workspace-guide-screenshots-module__88sufG__media,.workspace-guide-screenshots-module__88sufG__caption{flex-basis:100%}.workspace-guide-screenshots-module__88sufG__caption{padding-top:0}.workspace-guide-screenshots-module__88sufG__pinAnchor .workspace-guide-screenshots-module__88sufG__pin{width:44px;height:44px;font-size:20px}.workspace-guide-screenshots-module__88sufG__dialog{padding:12px}.workspace-guide-screenshots-module__88sufG__toolbar>.workspace-guide-screenshots-module__88sufG__metadata{flex-basis:100%;padding:0 8px 4px}}@media (max-height:500px){.workspace-guide-screenshots-module__88sufG__scrollHint{display:none}.workspace-guide-screenshots-module__88sufG__toolbar{padding:0}.workspace-guide-screenshots-module__88sufG__toolbar>.workspace-guide-screenshots-module__88sufG__metadata{flex-basis:auto;padding:0}.workspace-guide-screenshots-module__88sufG__dialogDescription{display:none}}