@layer components{.tpl-status{min-height:1.6em;color:var(--ok);flex-basis:100%;margin:0;font-size:14px;font-weight:500}.tpl-status--error{color:var(--del)}.tpl-shot{background:var(--lav);max-width:1000px;box-shadow:var(--shadow-lg);border-radius:28px;margin:40px auto 0;padding:10px}.tpl-shot img{border-radius:20px;width:100%;height:auto;display:block}@media (width<=560px){.tpl-shot{border-radius:18px;margin-top:32px;padding:6px}.tpl-shot img{border-radius:13px}}.tpl-steps{counter-reset:tpl-step;background:var(--card);border:1px solid var(--border);max-width:860px;box-shadow:var(--shadow);border-radius:28px;gap:30px;margin:0 auto;padding:40px;list-style:none;display:grid}.tpl-steps li{align-items:flex-start;gap:18px;display:flex}.tpl-steps li:before{counter-increment:tpl-step;content:counter(tpl-step);background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:grid}.tpl-steps h3{letter-spacing:-.02em;padding-top:6px;font-size:20px;line-height:1.3}.tpl-steps p{color:var(--fg-soft);margin-top:6px;font-size:17px;line-height:1.5}@media (width<=760px){.tpl-steps{gap:24px;padding:24px}.tpl-steps li{gap:14px}.tpl-steps li:before{width:34px;height:34px;font-size:14px}.tpl-steps h3{padding-top:4px;font-size:18px}.tpl-steps p{font-size:16px}}}