/* Current UI captures preserve the entire window, with full-size links. */
.ied-capture-link{position:absolute;inset:8px;display:block;border-radius:10px;overflow:hidden;z-index:2;cursor:zoom-in}
.ied-capture-link .ied-app-img{inset:0;width:100%;height:100%;object-fit:contain}
.ied-capture-link:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.ied-scan-core.is-app-shot .scan-ring,.ied-review-shot .match-line{display:none}
.current-ui-gallery{width:min(1400px,calc(100% - 64px));margin:80px auto 100px;scroll-margin-top:100px}
html[data-eye-theme="dark"] .current-ui-gallery{--ink:#f1f0f6;--ink-soft:#b8b5c3;--paper-bright:#1a191f;--line:rgba(216,207,237,.16)}
.current-ui-gallery .section-index{color:var(--ink-soft)}
.current-ui-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:32px;margin-bottom:30px}
.current-ui-head h2{margin:8px 0 0;font-size:clamp(26px,3vw,44px);line-height:1.2;color:var(--ink)}
.current-ui-head>p,.current-ui-grid figcaption p,.current-ui-note{color:var(--ink-soft);line-height:1.8}
.current-ui-head>p{margin:0;font-size:14px}
.current-ui-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.current-ui-grid figure{margin:0;min-width:0;border:1px solid var(--line);border-radius:24px;background:var(--paper-bright);overflow:hidden}
.current-ui-grid a{display:block;padding:12px;cursor:zoom-in;background:#101013}
.current-ui-grid a:focus-visible{outline:3px solid var(--violet);outline-offset:-3px}
.current-ui-grid img{display:block;width:100%;height:auto;aspect-ratio:36/25;object-fit:contain;border-radius:14px}
.current-ui-grid figcaption{padding:24px 26px 26px}
.current-ui-grid figcaption>span{color:var(--ink-soft);font-size:11px;letter-spacing:.08em}
.current-ui-grid h3{margin:12px 0 8px;color:var(--ink);font-size:20px;line-height:1.45}
.current-ui-grid figcaption p{margin:0;font-size:13px}
.current-ui-note{margin:18px 0 0;font-size:12px}
@media(max-width:720px){
 .current-ui-gallery{width:calc(100% - 32px);margin:48px auto 64px}
 .current-ui-head{grid-template-columns:1fr;gap:16px;margin-bottom:20px}
 .current-ui-grid{grid-template-columns:1fr;gap:20px}
 .current-ui-grid figcaption{padding:20px}
 .current-ui-grid h3{font-size:19px}
 .story-ied .visual-meta{font-size:9px;gap:8px}
}
/* Keep the pinned evidence, captions and controls inside one usable viewport. */
@media(min-width:1200px) and (min-height:760px){
 .product-story .story-pin{height:100svh!important;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;padding-top:100px}
 .product-story .story-head{flex:none;gap:8px;margin-bottom:14px}
 .product-story .story-identity{display:flex;flex-direction:row;gap:12px;align-items:center}
 .product-story .story-mini-mark{width:36px;height:36px;margin:0}
 .product-story .story-identity .section-index{margin:0}
 .product-story .story-title-block{gap:4px}
 .product-story .story-product{margin:0;font-size:10px}
 .product-story .story-head h2{font-size:clamp(34px,3vw,48px);line-height:1.15;margin:0}
 .product-story .story-deck{font-size:18px;line-height:1.4;margin:0}
 .product-story .story-layout{flex:1;min-height:0;grid-template-rows:minmax(0,1fr) auto;gap:12px}
 .product-story .story-visual{height:100%;min-height:0}
 .product-story .story-steps li{min-height:104px;padding:12px 16px;opacity:.72}
 .product-story .story-steps li[aria-current="step"]{opacity:1}
 .product-story .story-steps p{display:block;font-size:12px;line-height:1.45}
 .product-story .story-steps h3{font-size:15px}
}
.product-story [data-story-step][role="button"]{cursor:pointer}
.product-story [data-story-step][role="button"]:focus-visible{outline:2px solid var(--coral);outline-offset:-3px}
.story-deck-controls{display:none}
@media(max-width:1199px),(max-height:759px){
 .story-deck-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:var(--ink-soft);font-size:12px}
 .story-deck-controls button{min-height:40px;min-width:76px;border:1px solid var(--line);border-radius:999px;padding:0 14px;background:var(--paper-bright);color:var(--ink);font:inherit;cursor:pointer}
 .story-deck-controls button:disabled{opacity:.35;cursor:default}
 .story-deck-controls button:focus-visible{outline:2px solid var(--coral);outline-offset:2px}
 .story-copy .story-steps{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:8px;overflow:visible}
 .story-copy .story-steps li{min-width:0;min-height:0!important;border:1px solid var(--line)!important;border-radius:14px;padding:14px!important}
 .story-copy .story-steps li[aria-current="step"]{background:rgba(122,76,255,.09);border-color:var(--violet)!important}
 .story-copy .story-steps h3{font-size:15px}
 .story-copy .story-steps p{font-size:12px;line-height:1.6}
}
@media(max-width:720px){
 .ied-scene{padding-bottom:136px}
 .ied-scene .scene-caption{left:18px;right:18px;bottom:80px;min-height:38px;display:flex;flex-wrap:wrap;align-content:center;gap:3px 9px;max-width:none}
 .ied-scene .scene-caption strong{font-size:13px;line-height:1.5}
 .ied-scene .scene-caption>span{display:none}
 .ied-scene .scene-rail{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible}
 .ied-scene .resource-count,.ied-scene .rail-diff,.ied-scene .rail-metrics,.ied-scene .diff-counts,.ied-scene .backup-stack{min-width:0;width:100%}
 .ied-scene .rail-metrics{display:none}
 .ied-scene .scene-rail .resource-count{padding:10px 14px}
 .ied-scene .scene-rail .resource-count b{font-size:28px}
 .ied-scene .diff-counts{gap:5px}
 .ied-scene .diff-counts p{padding:8px;min-width:0}
 .ied-scene .diff-counts b{font-size:22px}
 .scene-caption{max-width:calc(100% - 28px);overflow-wrap:anywhere}
 .story-visual .visual-status{font-size:10px;gap:6px}
 .story-visual .visual-status b{display:none}
}