.svc-hero{text-align:center;padding-top:calc(48px + clamp(48px,9vh,96px))}.svc-hero__title{margin:14px 0 16px;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.06}.svc-hero__sub{color:var(--text-dim);max-width:56ch;margin:0 auto;font-size:clamp(1.02rem,2vw,1.2rem)}.svc-main__wrap{max-width:960px}.svc-form{gap:18px;max-width:560px;display:grid}.svc-field{flex-direction:column;gap:8px;display:flex}.svc-field label{font-family:var(--font-display);color:var(--text-dim);font-size:.86rem}.svc-field input[type=text],.svc-field input[type=email],.svc-field input[type=url]{border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--bg-2);width:100%;color:var(--text);font-family:var(--font-body);padding:12px 14px;font-size:16px}.svc-field input[type=color]{border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--bg-2);cursor:pointer;width:56px;height:40px;padding:2px}.svc-field input:focus{border-color:var(--c-cyan);box-shadow:var(--glow-cyan);outline:none}.svc-branding{flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.svc-submit{border:none;justify-self:start}.svc-error{color:var(--c-pink);font-size:.86rem}.svc-error--top{margin-bottom:18px}.svc-result{grid-template-columns:1.3fr .9fr;align-items:start;gap:28px;display:grid}@media (width<=860px){.svc-result{grid-template-columns:1fr}}.svc-result__side{gap:22px;display:grid}.svc-snippet{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:20px}.svc-snippet__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.svc-snippet__head h3{font-size:1.1rem}.svc-snippet__hint{color:var(--text-dim);margin:8px 0 12px;font-size:.88rem}.svc-snippet__hint code{background:var(--bg-2);border-radius:5px;padding:1px 5px}.svc-snippet__code{resize:vertical;width:100%;color:var(--text);background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5}.svc-copy{padding:.5em 1.1em}.svc-brandbox,.svc-console,.svc-signin{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:20px}.svc-brandbox h3,.svc-console h3,.svc-signin h2{margin-bottom:12px;font-size:1.1rem}.svc-console__steps{color:var(--text-dim);gap:6px;margin:0 0 12px 1.1em;font-size:.92rem;display:grid}.svc-console__addr{color:var(--text-dim);font-size:.9rem}.svc-console__addr a{color:var(--c-cyan)}.svc-signin{max-width:460px}.svc-signin__note{color:var(--text-mut);margin-top:8px;font-size:.82rem}.svc-devlink{color:var(--text-mut);cursor:pointer;background:0 0;border:0;margin-top:16px;font-size:.82rem;text-decoration:underline}.svc-notice{color:var(--text-mut);max-width:70ch;margin-top:28px;font-size:.84rem}.svc-signout{color:var(--text-mut);cursor:pointer;background:0 0;border:0;margin-top:18px;font-size:.84rem;text-decoration:underline}@media (prefers-reduced-motion:reduce){.svc-copy,.svc-submit{transition:none}}