.af-steps{counter-reset:none;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid;position:relative}.af-step{--c:var(--rd-lime);background:var(--rd-carbon);border-radius:var(--rd-r-card);border:1px solid #262a30;align-content:start;gap:12px;padding:28px;display:grid;position:relative;overflow:hidden}.af-step:before{content:"";background:var(--c);height:3px;position:absolute;inset:0 0 auto}.af-v{--c:var(--rd-violet)}.af-g{--c:var(--rd-green)}.af-top{font-family:var(--rd-display);color:var(--c);align-items:center;gap:12px;font-size:18px;display:flex}.af-n{background:var(--c);width:34px;height:34px;color:var(--rd-on-lime);border-radius:11px;place-items:center;font-weight:800;display:grid}.af-v .af-n{color:#fff}.af-step h3{letter-spacing:-.025em;font-size:26px;font-weight:700;line-height:1.1}.af-step>p{color:var(--rd-fog);font-size:16px}.af-mock{border:1px solid var(--rd-line);background:#15181b;border-radius:16px;gap:12px;margin-top:10px;padding:16px;font-size:13px;display:grid}.af-mock small{color:var(--rd-muted);font-size:12px}.af-stills{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.af-stills div{aspect-ratio:9/13;outline-offset:-2px;opacity:.55;border-radius:10px;outline:2px solid #0000;position:relative;overflow:hidden}.af-stills div.on{outline-color:var(--rd-lime);opacity:1}.af-stills img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.af-stills span{background:var(--rd-lime);width:20px;height:20px;color:var(--rd-on-lime);border-radius:7px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.af-script{background:var(--rd-steel);color:#fff;border-radius:10px;padding:10px 12px}.af-script b{color:var(--rd-lime);margin-right:6px}.af-upload{background:var(--rd-steel);color:#d3a2ff;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.af-upload span{gap:6px;display:grid}.af-upload b{color:#fff;font-weight:600}.af-upload i{background:#2e333a;border-radius:4px;height:4px;display:block;overflow:hidden}.af-upload em{background:var(--rd-violet);width:100%;height:100%;display:block}.af-upload small{color:var(--rd-green);font-weight:600}.af-presets{gap:6px;margin:0;padding:0;list-style:none;display:grid}.af-presets li{color:#c9cdd3;border-bottom:1px solid #23272d;justify-content:space-between;align-items:center;padding:6px 2px;display:flex}.af-presets li:last-child{border-bottom:0}.af-presets em{color:var(--rd-green);align-items:center;gap:5px;font-size:12px;font-style:normal;font-weight:600;display:inline-flex}.af-go{background:var(--rd-lime);color:var(--rd-on-lime);text-align:center;border-radius:12px;padding:10px;font-weight:700}.af-results{gap:8px;margin:0;padding:0;list-style:none;display:grid}.af-results li{background:var(--rd-steel);border-radius:10px;grid-template-columns:34px 1fr auto auto;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:grid}.af-results img{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:34px;height:44px;display:block}.af-results span{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.af-results b{font-family:var(--rd-display);color:var(--rd-green);font-size:16px}.af-foot{color:var(--rd-muted);flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:28px;font-size:15px;display:flex}.af-foot a{color:var(--rd-lime);align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.af-foot a:hover{text-decoration:underline}@media (max-width:960px){.af-steps{grid-template-columns:1fr;max-width:560px}}@media (max-width:640px){.af-step{padding:24px}}