.template-card .deck-preview{position:relative;isolation:isolate}
.studio-hover-preview{position:absolute;inset:0;z-index:1;background:transparent;overflow:hidden;pointer-events:none;isolation:isolate;opacity:0;transition:opacity .26s ease}
.studio-hover-preview.is-visible{opacity:1}
.studio-hover-stage{position:absolute;inset:0;width:100%;height:100%;container-type:inline-size;opacity:0;transition:opacity .32s ease-in-out}
.studio-hover-stage.is-active{opacity:1}
.studio-hover-stage>.native-slide{width:100%;height:100%}
.studio-hover-count{z-index:2;position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:6px;background:#111827b8;color:#fff;font:500 10px/1.2 Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;backdrop-filter:blur(8px)}
.is-design-previewing .design-lock,.is-design-previewing .design-selected{z-index:2}
.studio-mini-build{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:var(--surface,#f1f5fc)}
.studio-mini-build>.build-stage{position:absolute;inset:0;border-radius:0;box-shadow:none;width:100%;height:100%;aspect-ratio:auto}
.studio-mini-build .native-slide{width:100%;height:100%}
.studio-mini-build .build-stage .slide{font-size:2.65cqw}
.mini-build-caption{position:absolute;left:7px;right:7px;bottom:7px;display:flex;justify-content:space-between;align-items:center;gap:6px;z-index:2;padding:6px 8px;border-radius:7px;background:#111827c2;color:#fff;font:500 10px/1.2 Inter,Arial,sans-serif;backdrop-filter:blur(8px);pointer-events:none}
.mini-build-caption span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9px;opacity:.8}
.mini-build-status{position:absolute;top:7px;left:7px;right:7px;width:fit-content;max-width:calc(100% - 14px);padding:4px 7px;border-radius:6px;background:#111827a8;color:#fff;font:500 9px/1.3 Inter,Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;z-index:2}
.studio-mini-build [hidden]{display:none!important}

@media(prefers-reduced-motion:reduce){.studio-hover-stage,.studio-hover-preview{transition:none}.studio-mini-build *{animation:none!important;scroll-behavior:auto!important}}
/* v3.15 */
.live-history-line{display:none!important}
.build-timing{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}
.build-timing svg{width:13px;height:13px}
.build-timing #build-count:empty{display:none}
.build-timing #build-count:not(:empty)::before{content:'·';margin-right:7px}
.mini-build-details{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.mini-build-details [data-build-node="elapsed"]{font-size:10px!important;color:#fff;opacity:1!important}
.mini-build-details [data-build-node="count"]:not(:empty)::before{content:'·';margin-right:5px}
.studio-mini-build .is-build-mirror *{animation:none!important}
.studio-mini-build .is-build-mirror .build-photo-pending{opacity:0}
.design-preview-frame{position:relative;isolation:isolate;--design-preview-radius:8px;border-radius:var(--design-preview-radius);overflow:hidden;clip-path:inset(0 round var(--design-preview-radius))}
.design-preview-stage{scroll-margin-top:18px;outline:none;border-radius:var(--design-preview-radius,8px)}
.design-stage-arrow{position:absolute;inset-block:0;z-index:2;display:flex;align-items:center;justify-content:center;width:clamp(40px,11%,84px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#8aa7c577;cursor:pointer;touch-action:manipulation;isolation:isolate}
.design-stage-arrow::before{content:'';position:absolute;inset:0;z-index:-1;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent);opacity:0;transition:opacity .28s ease}
.design-stage-arrow svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.55;filter:drop-shadow(0 1px 2px #0003);transition:color .28s ease,opacity .28s ease,transform .28s ease}
.design-stage-prev{left:0}.design-stage-next{right:0}
.design-stage-next::before{-webkit-mask-image:linear-gradient(270deg,#000,transparent);mask-image:linear-gradient(270deg,#000,transparent)}
.design-stage-arrow:hover,.design-stage-arrow:focus-visible{color:#7fc7ff;background:transparent}
.design-stage-arrow:hover::before,.design-stage-arrow:focus-visible::before{opacity:1}
.design-stage-arrow:hover svg,.design-stage-arrow:focus-visible svg{opacity:1;transform:scale(1.08)}
.design-stage-arrow:focus-visible{outline:2px solid #7fc7ff;outline-offset:-3px}
.design-stage-arrow:disabled{display:none}
@media(hover:none){.design-stage-arrow{color:#7fc7ffbb}.design-stage-arrow svg{opacity:.8}.design-stage-arrow::before{opacity:.18}}
@media(prefers-reduced-motion:reduce){.design-stage-arrow::before,.design-stage-arrow svg{transition:none}}
@media(max-width:560px){.design-stage-arrow{width:44px}.design-stage-arrow svg{width:21px;height:21px}.build-caption{flex-wrap:wrap;gap:6px}.build-timing{font-size:10px}.mini-build-details [data-build-node="count"]{display:none}}

.studio-mini-build .build-waiting{gap:5px;padding:9px 9px 36px;font-size:9px}
.studio-mini-build .build-waiting strong{font-size:10px}
.studio-mini-build .build-wait-stack{margin:3px 0 6px;width:34%}
.studio-mini-build .build-waiting>[id="build-hint"]{display:none}
