.live-onboarding .onboarding-step{opacity:.68}.live-onboarding .onboarding-step.current,.live-onboarding .onboarding-step.complete{opacity:1}.live-onboarding .onboarding-step.current{border-color:rgba(255,209,0,.62);box-shadow:0 0 0 1px rgba(255,209,0,.14)}
.live-status-grid,.quick-label-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.live-status-grid>div{padding:14px;border:1px solid #303030;border-radius:10px;background:#101010}.live-status-grid span{display:block;color:#808080;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.live-status-grid strong{display:block;margin-top:6px;color:#f1f1f1}
.live-field{display:block;color:#d8d8d8;font-size:13px;font-weight:800}.live-field span{color:#818181;font-weight:500}.live-field select,.live-field input[type=number],.live-field input[type=file]{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #3a3a3a;border-radius:9px;background:#101010;color:#f4f4f4;font:inherit}.live-field input[type=file]{padding:9px}.starter-preview{max-width:700px;padding:16px;border-radius:14px;background:#0d0d0d;border:1px solid #303030}.starter-preview canvas{display:block;width:100%;height:auto;background:#fff;border-radius:4px}.test-confirm{margin-top:17px;padding:16px;border:1px solid rgba(255,209,0,.3);border-radius:11px;background:rgba(255,209,0,.05)}
.repair-step{border-color:#8b3b3b!important}.live-completion{display:grid;grid-template-columns:minmax(180px,.55fr) 1fr;gap:36px;align-items:center;margin-top:26px;padding:38px;border:1px solid rgba(255,209,0,.45);border-radius:20px;background:radial-gradient(circle at 12% 20%,rgba(255,209,0,.16),transparent 34%),#141414}.live-completion h1{font-size:clamp(34px,6vw,68px);line-height:.95;margin:10px 0 24px;max-width:780px}.live-completion p{color:#c6c6c6;font-size:18px;line-height:1.7}.live-completion small{display:block;color:#858585;margin:8px 0 24px}.completion-art{aspect-ratio:1;border:8px solid #ffd100;border-radius:50%;display:grid;place-items:center;transform:rotate(-8deg);box-shadow:0 0 0 10px #111,0 0 0 12px #ffd100}.completion-art span{font-size:clamp(55px,10vw,110px);font-weight:1000;color:#ffd100;letter-spacing:-.12em;padding-right:.12em}
@media(max-width:800px){.live-status-grid,.quick-label-grid,.live-completion{grid-template-columns:1fr}.completion-art{max-width:210px;margin:0 auto}.live-completion{padding:26px}}