.amstep{width:100%;margin:0;padding-top:38px;position:relative;container:amstep/inline-size}.amstep__frame{aspect-ratio:var(--ratio,4 / 3);border:1px solid var(--line-2);background:var(--bg);box-shadow:var(--shadow-2), var(--rim);border-radius:10px;position:relative;overflow:hidden}.amstep__frame .am-view{aspect-ratio:auto;width:100%;height:100%}.amstep__tag{z-index:2;position:absolute;top:0;right:0}.ammini{flex:1;align-items:center;min-width:0;height:100%;display:flex;overflow:hidden;container-type:size}.ammini .am-view{width:min(100cqw, 100cqh * var(--am-cw) / var(--am-ch));border-radius:4px;flex:none}.ammini--subs .am-view,.ammini--style .am-view,.ammini--music .am-view,.ammini--export .am-view{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000)}.ammini--trim .am-view{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.fv--app{background:var(--bg);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;container-type:size}.fv--app .am-view{width:min(100cqw, 100cqh * var(--am-cw) / var(--am-ch));flex:none}.fv--fade .am-view{-webkit-mask-image:linear-gradient(#000 calc(100% - 56px),#0000);mask-image:linear-gradient(#000 calc(100% - 56px),#0000)}.fv--browser{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-2), var(--rim);margin:clamp(14px,2.4vw,28px);position:relative;overflow:hidden}.fv__address{border-bottom:1px solid var(--line);letter-spacing:.01em;height:30px;color:var(--ink-3);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}@media (prefers-reduced-motion:no-preference){[data-play]:not([data-paused]) .am-sweep{animation:am-sweep var(--run,14.58s) linear infinite}.am-trim{animation:4.4s cubic-bezier(.2,0,0,1) infinite am-trim}.am-pulse{animation:2.4s ease-out infinite am-pulse}[data-am=range]>.am-swap__a{visibility:visible;animation:5s step-end infinite am-hide-half}[data-am=range]>.am-swap__b{animation:5s step-end infinite am-show-half}[data-am=tick]>.am-swap__a{visibility:visible;animation:4s step-end infinite am-hide-late}[data-am=tick]>.am-swap__b{animation:4s step-end infinite am-show-late}.am-steps .am-count__n,.am-steps .am-count__n:last-child{visibility:hidden;animation:am-slot 5s step-end calc(var(--k) * 1s) infinite}[data-paused] .ammini *,[data-paused] .ammini,[data-paused] .fv *{animation-play-state:paused!important}}@keyframes am-sweep{0%{transform:translateX(var(--x0))}to{transform:translateX(var(--x1))}}@keyframes am-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--gold) 55%, transparent)}70%,to{box-shadow:0 0 0 8px #0000}}@keyframes am-trim{0%,22%{width:var(--w0)}52%,80%{width:var(--w1)}96%,to{width:var(--w0)}}@keyframes am-hide-half{50%{visibility:hidden}}@keyframes am-show-half{0%{visibility:hidden}50%{visibility:visible}}@keyframes am-hide-late{30%{visibility:hidden}}@keyframes am-show-late{0%{visibility:hidden}30%{visibility:visible}}@keyframes am-slot{0%{visibility:visible}20%,to{visibility:hidden}}.amusage{border:1px solid var(--gold);background:var(--panel);box-shadow:var(--rim);border-radius:8px;display:block;overflow:hidden}.amusage .am-view,.amusage .am{background:0 0}.amusage .am-view{width:100%}.amusage .am section{border-color:#0000}@media (max-width:560px){.amusage .am-view{--am-w:320!important}.amusage .am{width:320px!important}}
