:root{--bg: oklch(97% .012 60);--surface: oklch(99.2% .006 60);--surface-sunk: oklch(95% .014 60);--ink: oklch(24% .022 55);--muted: oklch(43% .02 55);--accent: oklch(52% .15 40);--accent-ink: oklch(98% .01 40);--border: oklch(85% .02 60);--border-strong: oklch(72% .03 55);--danger: oklch(45% .16 27);--danger-bg: oklch(95% .03 27);--focus: oklch(52% .15 40);--step: .5rem;--radius: .6rem;--radius-lg: 1rem;--shadow: 0 1px 2px oklch(24% .02 55 / .06), 0 8px 24px oklch(24% .02 55 / .08);--measure: 64ch;--sans: system-ui, -apple-system, "Segoe UI", sans-serif;--serif: Georgia, "Iowan Old Style", "Times New Roman", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font:100%/1.6 var(--sans);background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}.wrap{max-width:74ch;margin:0 auto;padding:clamp(1.25rem,4vw,3rem) 1.25rem 4rem}.intro{margin-bottom:2.5rem}.eyebrow{font:600 .8rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem}h1{font:600 clamp(2rem,5vw,2.9rem)/1.1 var(--serif);letter-spacing:-.01em;color:var(--ink);margin-bottom:.75rem}.lead{font-size:clamp(1.05rem,2.4vw,1.2rem);color:var(--muted);max-width:var(--measure)}.steps{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.steps li{list-style:none;flex:1 1 12ch;min-width:12ch;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .9rem}.steps b{display:block;font:600 .85rem/1 var(--sans);color:var(--accent);margin-bottom:.3rem}.steps span{font-size:.92rem;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(1.25rem,4vw,2.25rem)}fieldset{border:0;margin:0 0 1.75rem}fieldset:last-of-type{margin-bottom:0}legend{font:600 1.15rem/1.3 var(--serif);color:var(--ink);margin-bottom:.35rem;padding:0}.section-hint{font-size:.95rem;color:var(--muted);margin-bottom:1rem}.field{margin-bottom:1.25rem}label{display:block;font:600 .95rem/1.4 var(--sans);margin-bottom:.4rem}.req{color:var(--accent)}.optional{font-weight:400;color:var(--muted)}input[type=text],input[type=email],input[type=tel],textarea{width:100%;font:400 1rem/1.5 var(--sans);color:var(--ink);background:var(--bg);border:1.5px solid var(--border-strong);border-radius:var(--radius);padding:.65rem .8rem;min-height:44px;transition:border-color .16s ease-out,box-shadow .16s ease-out}textarea{min-height:6.5rem;resize:vertical;line-height:1.55}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input:hover,textarea:hover{border-color:var(--ink)}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input[type=file]:focus-visible+.file-face{outline:2px solid var(--focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}[aria-invalid=true]{border-color:var(--danger)}.field-error{display:block;color:var(--danger);font-size:.9rem;margin-top:.35rem}.field-error[hidden]{display:none}.service-row{display:grid;grid-template-columns:1fr auto;gap:.6rem .75rem;align-items:start;padding:.9rem;margin-bottom:.75rem;background:var(--surface-sunk);border:1px solid var(--border);border-radius:var(--radius)}.service-row .service-name{grid-column:1}.service-row .service-note,.service-row .field-error{grid-column:1 / -1}.service-remove{grid-column:2;grid-row:1}.btn{font:600 1rem/1 var(--sans);cursor:pointer;border-radius:var(--radius);padding:.7rem 1.2rem;min-height:44px;border:1.5px solid transparent;transition:background .16s ease-out,color .16s ease-out,border-color .16s ease-out}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:#190f09}.btn-primary:active{transform:translateY(1px)}.btn-ghost{background:transparent;color:var(--accent);border-color:var(--border-strong)}.btn-ghost:hover{border-color:var(--accent);background:var(--surface-sunk)}.btn-small{font-size:.9rem;padding:.5rem .85rem;min-height:40px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{background:var(--ink);border-color:var(--border-strong)}.btn-ghost:disabled:hover{background:transparent}.submit-row{margin-top:2rem;display:flex;gap:1rem;align-items:center}.submit-note{font-size:.88rem;color:var(--muted)}.vibe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.6rem}.vibe-card{position:relative}.vibe-card input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.vibe-face{display:block;padding:.8rem .9rem;border:1.5px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);transition:border-color .16s ease-out,background .16s ease-out}.vibe-face strong{display:block;font:600 1rem/1.2 var(--sans)}.vibe-face span{font-size:.88rem;color:var(--muted)}.vibe-card input:hover+.vibe-face{border-color:var(--ink)}.vibe-card input:checked+.vibe-face{border-color:var(--accent);background:var(--surface-sunk);box-shadow:inset 0 0 0 1px var(--accent)}.vibe-card input:focus-visible+.vibe-face{outline:2px solid var(--focus);outline-offset:2px}.preview{margin-top:1rem}.preview[hidden]{display:none}.preview-swatches{--pv-bg: var(--surface-sunk);--pv-surface: var(--surface);--pv-fg: var(--ink);--pv-accent: var(--accent);display:flex;gap:.5rem;margin-top:.5rem}.preview-swatches span{flex:1;height:2.5rem;border-radius:.4rem;border:1px solid var(--border)}.preview-swatches .pv-bg{background:var(--pv-bg)}.preview-swatches .pv-surface{background:var(--pv-surface)}.preview-swatches .pv-fg{background:var(--pv-fg)}.preview-swatches .pv-accent{background:var(--pv-accent)}.file-field input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.file-face{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;border:1.5px dashed var(--border-strong);border-radius:var(--radius);padding:.7rem 1rem;min-height:44px;color:var(--accent);font-weight:600;transition:border-color .16s ease-out,background .16s ease-out}.file-face:hover{border-color:var(--accent);background:var(--surface-sunk)}.logo-info{font-size:.9rem;color:var(--muted);margin-top:.5rem}.logo-preview{display:block;margin-top:.75rem;max-width:160px;max-height:96px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.logo-preview[hidden]{display:none}.error-summary{background:var(--danger-bg);border:1.5px solid var(--danger);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.5rem}.error-summary[hidden]{display:none}.error-summary h2{font:600 1.05rem/1.3 var(--sans);color:var(--danger);margin-bottom:.5rem}.error-summary ul{margin:0;padding-left:1.1rem}.error-summary a{color:var(--danger)}.build{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(1.25rem,4vw,2.25rem)}.build[hidden]{display:none}.build:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.build-panel[hidden]{display:none}.build h2{font:600 clamp(1.5rem,4vw,2rem)/1.2 var(--serif);margin-bottom:.5rem}.build-note{color:var(--muted);max-width:60ch;margin-bottom:1.25rem}.build-working{display:grid;justify-items:start;gap:.15rem}.build-keep{font-size:.95rem;color:var(--muted);max-width:60ch;margin-bottom:1.25rem;padding-left:.85rem;border-left:2px solid var(--border-strong)}.spinner{width:2rem;height:2rem;margin-bottom:.6rem;border-radius:50%;border:3px solid var(--surface-sunk);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.draft-link{font-size:1.05rem;padding:.85rem 1.4rem;min-height:48px;text-decoration:none}.draft-link span[aria-hidden]{transition:transform .15s ease-out}.draft-link:hover span[aria-hidden]{transform:translate(3px)}.build-captured{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--border)}.build-captured[hidden]{display:none}.build-details{margin-bottom:1rem}.build-details summary{cursor:pointer;font-weight:600;color:var(--ink);min-height:44px;display:flex;align-items:center}.build-details summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius)}.build-details dl{display:grid;grid-template-columns:minmax(8rem,auto) 1fr;gap:.5rem 1rem;margin-top:.75rem}.build-details dt{font-weight:600;color:var(--muted)}.build-details dd{color:var(--ink)}.download-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;min-height:44px}.download-link:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:var(--radius)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}footer{margin-top:3rem;color:var(--muted);font-size:.9rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important}html{scroll-behavior:auto}.spinner{animation:none}}