/* ScreenshotHistoryView: 196pt body, 112 × 90pt tiles, 12pt spacing. */
.screenshots-stage{position:relative;width:100%;height:100%;overflow:hidden;container-type:inline-size;background:#ebe1fa;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;--capture-scale:1;--capture-content:0;--capture-selected:0;--click:0}
.screenshots-stage .wallpaper{inset:0;z-index:0;pointer-events:none}
.screenshots-stage .mac-menubar{z-index:1}
.capture-workspace{position:absolute;z-index:2;left:22%;top:36%;width:58%;height:45%;border-radius:.8cqw;overflow:hidden;box-shadow:0 1.4cqw 4cqw #39294c24}
.capture-workspace>img{display:block;width:100%;height:100%;object-fit:fill}
.capture-selection{position:absolute;z-index:4;border:1px solid #fff;box-shadow:0 0 0 200vmax #0005;pointer-events:none;opacity:0}
.capture-selection>span{position:absolute;right:.6cqw;bottom:.6cqw;color:#fff;background:#202027c9;padding:.25cqw .5cqw;border-radius:.3cqw;font-size:.85cqw;white-space:nowrap}
.capture-flash{position:absolute;inset:0;z-index:5;background:#fff;pointer-events:none;opacity:0}
.capture-floating-thumbnail{position:absolute;z-index:5;right:2%;bottom:4%;width:12%;border:2px solid #fff;border-radius:.6cqw;box-shadow:0 .5cqw 2cqw #0005;opacity:0;overflow:hidden;pointer-events:none}
.capture-floating-thumbnail img{display:block;width:100%}
.capture-shortcut{position:absolute;z-index:14;left:50%;bottom:9%;transform:translateX(-50%);background:#25212cdc;border:1px solid #ffffff30;border-radius:.8cqw;padding:.65cqw 1.1cqw;font-size:1.6cqw;letter-spacing:.2cqw;opacity:0;pointer-events:none}
.capture-notch{position:absolute;z-index:6;left:50%;top:0;width:620.688px;height:238px;transform:translateX(-50%) scale(var(--capture-scale));transform-origin:50% 0;pointer-events:none;color:#fff}
.capture-native-chrome{position:absolute;inset:0;background:linear-gradient(#000 0 32px,#000b 70px,#0008 100%);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35)}
.capture-native-header{position:absolute;top:0;left:37.344px;right:37.344px;height:32px;display:flex;align-items:center;justify-content:space-between;opacity:var(--capture-content)}
.capture-native-tabs{display:flex;align-items:center;gap:10px;width:174px}
.capture-native-header button{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:0;border-radius:50%;padding:0;background:#ffffff14;box-shadow:inset 0 0 0 .8px #ffffff29;cursor:pointer;color:#fff}
.capture-native-header button img{display:block;width:13px;height:13px;object-fit:contain}
.capture-native-header .capture-logo-tab{background:transparent;box-shadow:none}
.capture-logo-tab img{visibility:hidden}
.capture-native-header button[aria-pressed=true]{background:#ffffff2e}
.capture-native-header button:hover{background:#ffffff30}
.capture-native-header button:focus-visible,.capture-tile:focus-visible{outline:2px solid #0785ff;outline-offset:2px}
.capture-native-body{position:absolute;top:42px;left:21.344px;right:21.344px;height:196px;padding:0 16px 12px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;opacity:calc(var(--capture-content)*var(--capture-selected));transform:translateY(calc((1 - var(--capture-content))*-10px)) scaleY(calc(.97 + var(--capture-content)*.03));transform-origin:50% 0}
.capture-shelf{overflow-x:auto;overflow-y:hidden;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#ffffff50 transparent;touch-action:pan-x}
.capture-shelf-track{display:flex;align-items:center;gap:12px;padding:0 4px;width:max-content;height:100%}
.capture-tile{flex:0 0 112px;width:112px;border:0;background:transparent;color:inherit;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;cursor:pointer;user-select:none;font:inherit}
.capture-tile-image{width:112px;height:90px;display:grid;place-items:center;background:#ffffff0f;border-radius:12px;transition:background .12s ease-out,box-shadow .12s ease-out}
.capture-tile-image img{width:92px;height:76px;object-fit:contain}
.capture-tile.is-selected .capture-tile-image{background:#0785ff38;box-shadow:inset 0 0 0 1.5px #0785ffd9}
.capture-tile-name{font-size:11px;font-weight:500;line-height:15px;height:30px;width:112px;overflow:hidden;overflow-wrap:anywhere}
.capture-tile time{font-size:9px;color:#ffffff8c;line-height:11px}
.capture-native-hint{font-size:10px;color:#ffffff8c;text-align:center;line-height:12px;white-space:nowrap}
.capture-previous{position:absolute;top:42px;left:37.344px;right:37.344px;height:150px;display:flex;align-items:center;gap:12px;opacity:calc(var(--capture-content)*(1 - var(--capture-selected)))}
.capture-previous>div{width:100px;text-align:center;font-size:11px;font-weight:500}
.capture-previous img{display:block;width:100px;height:90px;object-fit:contain;padding:7px;background:#ffffff0f;border-radius:12px;margin-bottom:8px}
.capture-collapsed-notch{position:absolute;z-index:7;left:50%;top:0;width:12.9776%;aspect-ratio:180/32;transform:translateX(-50%);background:transparent;border:0;padding:0;cursor:pointer}
.screenshots-stage.is-open .capture-notch{pointer-events:auto}
.screenshots-stage.is-open .capture-collapsed-notch{pointer-events:none}
.capture-native-body[aria-hidden=true],.capture-previous[aria-hidden=true]{pointer-events:none}
.product-carousel .screenshots-stage .capture-header-logo{z-index:8}
.product-carousel .screenshots-stage.is-open .notch-header-logo{top:var(--logo-open-y);transform:translate(calc(-50% + var(--logo-offset)),-50%) rotate(-360deg)}
.capture-cursor{position:absolute;z-index:13;width:1.6cqw;pointer-events:none;filter:drop-shadow(0 2px 2px #0003)}
.capture-cursor svg{display:block;width:100%;height:auto}
.capture-cursor .capture-crosshair{display:none}
.capture-cursor.is-capturing .capture-pointer{display:none}
.capture-cursor.is-capturing .capture-crosshair{display:block;transform:translate(-50%,-50%)}
.screenshots-stage .capture-caption{bottom:6%;color:#51465e}
.capture-caption>span{font-size:.85cqw}
.capture-caption p{font-size:1.15cqw;margin:.6cqw 0 0}
.capture-steps{display:flex;align-items:center;gap:.65cqw;margin-top:.65cqw;font-size:.75cqw;color:#51465e80}
.capture-steps i{font-style:normal;opacity:.45}
.capture-steps .is-active{color:#68509b;font-weight:650}
html[data-theme=dark] .screenshots-stage .capture-caption{color:#e2d9ee}
html[data-theme=dark] .capture-steps{color:#e2d9ee70}
html[data-theme=dark] .capture-steps .is-active{color:#d4baff}
@media(max-width:560px){.screenshots-stage .capture-caption{display:block!important;bottom:6%;left:5%}.capture-caption p{font-size:1.4cqw}.capture-caption>span,.capture-steps{font-size:1.2cqw}}
@media(prefers-reduced-motion:reduce){.capture-cursor,.capture-selection,.capture-flash,.capture-floating-thumbnail,.capture-shortcut{display:none}.capture-tile-image{transition:none}}

/* PreviewWindowSurface and ClipboardPreviewWindowView, in native Swift points. */
.capture-preview-backdrop{position:absolute;inset:0;z-index:10;background:transparent}
.capture-preview-window{position:absolute;z-index:11;left:50%;top:calc(50% - 14px * var(--capture-scale));width:1200px;height:var(--capture-preview-height,742px);display:flex;flex-direction:column;transform:translate(-50%,-50%) scale(calc(var(--capture-scale)*.97));transform-origin:50% 50%;background:#1a1c21b8;border:1px solid #ffffff24;border-radius:20px;backdrop-filter:blur(28px) saturate(1.2);-webkit-backdrop-filter:blur(28px) saturate(1.2);box-shadow:0 18px 50px #0006;color:#fff;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity .18s ease-in-out,transform .18s ease-in-out,visibility 0s .18s}
.capture-preview-window.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(var(--capture-scale));transition-delay:0s}
.capture-preview-header{height:44px;flex:none;padding:0 20px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid #ffffff10}
.capture-preview-close{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:#ffffff0f;color:#ffffff8c;cursor:pointer}
.capture-preview-close svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.capture-preview-content{flex:1;min-height:0;display:flex}
.capture-preview-image{flex:1;min-width:0;min-height:0;padding:8px;display:flex;align-items:center;justify-content:center}
.capture-preview-image img{display:block;width:100%;height:100%;object-fit:contain}
.capture-preview-activity{flex:0 0 270px;width:270px;border-left:1px solid #ffffff14;background:#ffffff06;padding:16px;display:flex;flex-direction:column;gap:3px;box-sizing:border-box}
.capture-preview-activity>strong{font-size:13px;font-weight:600}
.capture-preview-activity>span{font-size:11px;color:#ffffff8c;margin-bottom:12px}
.capture-preview-activity-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff10}
.capture-preview-activity-row>svg{width:16px;height:18px;flex:none;fill:none;stroke:#0785ff;stroke-width:1.6;stroke-linejoin:round}
.capture-preview-activity-row>div{flex:1;display:flex;flex-direction:column;gap:3px}
.capture-preview-activity-row b{font-size:11px;font-weight:600}
.capture-preview-activity-row small{font-size:11px;color:#ffffff8c}
.capture-preview-activity-row time{width:78px;flex:none;text-align:right;font-size:10px;line-height:14px;font-family:ui-monospace,SFMono-Regular,monospace;color:#ffffff4d;white-space:pre-line}
.capture-preview-nav{position:absolute;top:calc(50% - 44px);width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid #ffffff1f;border-radius:50%;background:#2e3036;color:#fff;cursor:pointer}
.capture-preview-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.capture-preview-previous{left:16px}.capture-preview-next{right:16px}
.capture-preview-nav:disabled{opacity:.35;cursor:default}
.capture-preview-suggestions{height:48px;flex:none;padding:0 20px;display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff10;white-space:nowrap;font-size:11px;color:#ffffff8c;overflow:hidden}
.capture-preview-suggestions>small{font-size:10px;font-weight:600;color:#ffffff4d;margin-right:-8px}
.capture-preview-suggestion{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;background:#ffffff0a;border:.5px solid #ffffff14;border-radius:8px;color:#fff;font-size:11px;font-weight:500}
.capture-preview-suggestion i{width:14px;text-align:center;color:#30d158;font-size:14px;font-style:normal}
.capture-preview-controls{height:40px;flex:none;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff10;font-size:11px;color:#ffffff4d;white-space:nowrap}
.capture-preview-controls>span:first-child{font-weight:500;color:#ffffff8c;font-variant-numeric:tabular-nums}
.capture-preview-window button:hover{background:#ffffff1a}
.capture-preview-window button:focus-visible{outline:2px solid #0785ff;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.capture-preview-window{transition:none}}