.aif-preview-placeholder{--im-amber:color-mix(in srgb, var(--ai-brand) 72%, var(--ai-ink));--im-hot:var(--ai-brand);--im-line:color-mix(in srgb, var(--im-amber) 55%, transparent);--im-dim:color-mix(in srgb, var(--im-amber) 20%, transparent);--im-grid:color-mix(in srgb, var(--ai-ink) 3.5%, transparent);--bm-ink:var(--ai-ink);--bm-sub:var(--ai-sub);--bm-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;pointer-events:none;background:var(--ai-panel,var(--ai-surface));position:absolute;inset:0;overflow:hidden}.aif-preview-mannequin{justify-content:center;align-items:center;display:flex;position:absolute;inset:52px 16px 156px}.aif-preview-mannequin>svg{width:100%;height:100%;max-height:480px;display:block;overflow:visible}.im-faint{stroke:var(--im-dim);stroke-width:.6px}.im-ring{transform-box:view-box;transform-origin:160px 196px}.im-ticks path{stroke:var(--im-line);stroke-width:.8px;transform-box:view-box;transform-origin:160px 196px;animation:120s linear infinite im-spin}.im-arcs{animation:80s linear infinite reverse im-spin}.im-arcs path{stroke:var(--im-amber);stroke-width:2.4px;stroke-linecap:round;opacity:.55}.im-dash{stroke:var(--im-line);stroke-width:1.2px;stroke-dasharray:2 5;animation:50s linear infinite im-spin}@keyframes im-spin{to{transform:rotate(360deg)}}.im-cross{stroke:var(--im-line);stroke-width:.8px}.im-frame{z-index:1;opacity:0;position:absolute;inset:12px}.im-frame>i{--r:8px;border:0 solid var(--im-amber);filter:drop-shadow(0 0 4px #ff7a1a73);width:26px;height:26px;position:absolute}.im-frame>i:first-child{border-top-left-radius:var(--r);border-top-width:1.5px;border-left-width:1.5px;top:0;left:0}.im-frame>i:nth-child(2){border-top-right-radius:var(--r);border-top-width:1.5px;border-right-width:1.5px;top:0;right:0}.im-frame>i:nth-child(3){border-bottom-right-radius:var(--r);border-bottom-width:1.5px;border-right-width:1.5px;bottom:0;right:0}.im-frame>i:nth-child(4){border-bottom-left-radius:var(--r);border-bottom-width:1.5px;border-left-width:1.5px;bottom:0;left:0}.im-frame:before{content:"";background:linear-gradient(var(--im-line) 0 9px, transparent 9px calc(100% - 9px), var(--im-line) calc(100% - 9px));width:1px;position:absolute;top:0;bottom:0;left:50%}.im-reactor-ring{stroke:var(--im-line);stroke-width:.8px}.im-coils path{fill:var(--im-amber);fill-opacity:.16;stroke:var(--im-line);stroke-width:.6px}.im-core{opacity:.55;transform-box:view-box;transform-origin:160px 196px;animation:4s ease-in-out infinite im-breathe}.im-core-glow{opacity:.3;filter:blur(6px)}@keyframes im-breathe{50%{opacity:.85}}.im-bars rect{fill:var(--im-dim);transform-box:fill-box;transform-origin:bottom;transform:scaleY(.35)}.im-scale path{stroke:var(--im-dim);stroke-width:.7px}.im-scale .im-scale-marker{fill:var(--im-amber);stroke:none;opacity:.5}.im-shelf{z-index:1;grid-template-columns:repeat(4,1fr);width:216px;display:grid;position:absolute;bottom:clamp(172px,24.5%,240px);left:50%;transform:translate(-50%)}.im-shelf:before{content:"";background:var(--im-dim);opacity:.6;height:1px;position:absolute;top:5px;left:4px;right:4px}.im-shelf-item{justify-items:center;gap:10px;display:grid}.im-shelf-item>i{box-sizing:border-box;border:1px solid var(--im-dim);width:10px;height:10px;transform:rotate(45deg)}.im-shelf-item>span{color:var(--bm-sub);font-family:var(--bm-mono);letter-spacing:1px;white-space:nowrap;font-size:7px;line-height:1}.im-grid{opacity:1}.aif-preview-placeholder[data-busy] .im-ticks path{animation-duration:36s}.aif-preview-placeholder[data-busy] .im-arcs{animation-duration:10s}.aif-preview-placeholder[data-busy] .im-arcs path{opacity:.9}.aif-preview-placeholder[data-busy] .im-dash{animation-duration:5s}.aif-preview-placeholder[data-busy] .im-core{animation:.8s ease-out .2s forwards im-ignite,2.6s ease-in-out 11s infinite im-flare}.aif-preview-placeholder[data-busy] .im-core-glow{animation:1.2s .2s forwards im-glow-up}@keyframes im-ignite{0%{opacity:.55}to{opacity:1}}@keyframes im-glow-up{to{opacity:.75}}@keyframes im-flare{0%,to{opacity:1;transform:scale(1)}40%{opacity:1;filter:brightness(1.4);transform:scale(1.35)}}.aif-preview-placeholder[data-busy] .im-bars rect{fill:var(--im-line);animation:im-bar calc(.7s + var(--i) * .13s) ease-in-out infinite alternate}@keyframes im-bar{0%{transform:scaleY(.18)}to{transform:scaleY(.92)}}.aif-preview-placeholder[data-busy] .im-scale-marker{opacity:1;animation:15s cubic-bezier(.25,.6,.3,1) forwards im-marker}@keyframes im-marker{to{transform:translateY(-152px)}}.im-callout{transform-box:view-box;transform-origin:160px 196px;animation:im-callout-out .55s cubic-bezier(.55, 0, .75, .1) forwards calc(3s + var(--i) * 60ms)}.im-callout path{stroke:var(--im-amber);stroke-width:.8px;stroke-dasharray:1;stroke-dashoffset:1px;animation:im-draw .35s ease-out forwards calc(.2s + var(--i) * .38s)}.im-callout text{fill:var(--bm-ink);font-family:var(--bm-mono);letter-spacing:.3px;opacity:0;animation:bm-fade-in .3s ease-out forwards calc(.45s + var(--i) * .38s);font-size:9px}@keyframes im-draw{to{stroke-dashoffset:0}}@keyframes bm-fade-in{to{opacity:1}}@keyframes im-callout-out{to{opacity:0;filter:blur(2px);transform:scale(.45)}}.aif-preview-placeholder[data-busy] .im-frame{animation:.5s cubic-bezier(.2,.8,.2,1) 3s forwards im-lock}@keyframes im-lock{0%{opacity:0;transform:scale(1.09)}to{opacity:.9;transform:scale(1)}}.im-sweep{opacity:0;animation:.5s 3s forwards bm-fade-in,2.4s linear 3s infinite im-spin,1s 7s forwards im-sweep-dim}@keyframes im-sweep-dim{to{opacity:.35}}.aif-preview-placeholder[data-busy] .im-coils path{animation:im-coil .35s ease-out forwards calc(7s + var(--i) * .38s)}@keyframes im-coil{to{fill-opacity:.95;stroke:var(--im-amber);filter:drop-shadow(0 0 3px var(--im-hot))}}.im-shock circle{stroke:var(--im-amber);stroke-width:1.4px;opacity:0;transform-box:view-box;transform-origin:160px 196px;animation:im-shock 2.6s cubic-bezier(.2, .6, .3, 1) infinite calc(11s + var(--i) * 1.3s)}@keyframes im-shock{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(3.3)}}.im-shelf-item:first-of-type{--at:0s}.im-shelf-item:nth-of-type(2){--at:3s}.im-shelf-item:nth-of-type(3){--at:7s}.im-shelf-item:nth-of-type(4){--at:11s}.aif-preview-placeholder[data-busy] .im-shelf-item>i{animation:im-shelf-on .3s ease forwards var(--at)}.aif-preview-placeholder[data-busy] .im-shelf-item>span{animation:im-shelf-text .3s ease forwards var(--at)}@keyframes im-shelf-on{to{background:var(--im-amber);border-color:var(--im-amber);box-shadow:0 0 8px var(--im-hot)}}@keyframes im-shelf-text{to{color:var(--bm-ink)}}.bm-grain{z-index:2;pointer-events:none;opacity:.03;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),repeating-linear-gradient(0deg,#ffffff59 0 1px,#0000 1px 3px);animation:.5s step-end infinite bm-grain;position:absolute;inset:-40px}@keyframes bm-grain{0%{transform:translate(0)}25%{transform:translate(-14px,9px)}50%{transform:translate(11px,-16px)}75%{transform:translate(-7px,-5px)}}.aif-gen-progress{z-index:3;background:var(--ai-fill);height:2px;position:absolute;bottom:0;left:0;right:0}.aif-gen-progress>i{background:var(--ai-brand);width:0;height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--ai-brand) 80%, transparent);animation:15s cubic-bezier(.25,.6,.3,1) forwards aif-gen-progress;display:block}@keyframes aif-gen-progress{to{width:94%}}.aif-gen-stage{animation:.35s ease-out aif-fade}.aif-preview-frame:has(.aif-preview-placeholder) .aif-preview-busy{z-index:3;background:var(--ai-raised);color:var(--ai-ink);box-shadow:inset 0 0 0 .5px var(--ai-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:56px}.aif-preview-frame:has(.aif-preview-placeholder) .aif-preview-busy .aif-preview-spinner{border-color:var(--ai-line);border-top-color:var(--ai-brand)}.aif-preview-placeholder{animation:.45s ease-out both bm-enter}.aif-preview-placeholder[data-leaving]{animation:.65s cubic-bezier(.4,0,.2,1) forwards bm-leave}@keyframes bm-enter{0%{opacity:0}}@keyframes bm-leave{to{opacity:0;filter:blur(4px);transform:scale(1.03)}}.aif-preview-image.aif-preview-image-reveal{animation:.8s cubic-bezier(.2,.7,.2,1) both bm-develop}@keyframes bm-develop{0%{opacity:0;filter:blur(8px)saturate(.25)brightness(1.12);transform:scale(1.02)}}.aif-preview-frame:has(.aif-preview-placeholder,.aif-preview-image-reveal){background:var(--ai-panel,var(--ai-surface))}.aif-gen-progress-done,.aif-preview-busy-done{animation:.65s forwards aif-gen-done}@keyframes aif-gen-done{0%,40%{opacity:1}to{opacity:0}}.aif-preview-intro{z-index:3;text-align:center;justify-items:center;gap:8px;display:grid;position:absolute;bottom:28px;left:20px;right:20px}.aif-preview-intro strong{color:var(--ai-ink);letter-spacing:-.35px;font-size:17px;font-weight:600;line-height:1.3}.aif-preview-intro>span{max-width:250px;color:var(--ai-sub);text-wrap:balance;font-size:12px;line-height:1.55}.aif-preview-intro .aif-button{gap:7px;height:36px;margin-top:6px;padding:0 17px}@media (max-height:650px){.im-frame{inset:9px}.im-frame>i{--r:6px;width:20px;height:20px}.aif-preview-mannequin{inset:34px 16px 142px}.aif-preview-intro{bottom:20px}}@media (prefers-reduced-motion:reduce){.aif-preview .aif-preview-spinner,.bm-grain,.aif-gen-stage,.aif-gen-progress>i,.im-ticks path,.im-arcs,.im-dash,.im-core,.im-sweep,.im-shock circle,.im-bars rect,.im-scale-marker,.aif-preview-image.aif-preview-image-reveal,.aif-preview-placeholder,.aif-preview-placeholder[data-leaving],.aif-gen-progress-done,.aif-preview-busy-done{animation:none}.aif-preview-placeholder[data-busy] .im-core,.aif-preview-placeholder[data-busy] .im-core-glow,.aif-preview-placeholder[data-busy] .im-frame{opacity:1;animation:none}.aif-preview-placeholder[data-busy] .im-coils path{fill-opacity:.95;animation:none}.im-callout,.im-callout path,.im-callout text{opacity:1;stroke-dashoffset:0;animation:none}.aif-preview-placeholder[data-busy] .im-shelf-item>i,.aif-preview-placeholder[data-busy] .im-shelf-item>span{animation:none}}
