*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;-webkit-text-size-adjust:100%}body{font-family:JetBrains Mono,ui-monospace,SF Mono,monospace;background:#09090b;color:#fafafa;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--bg: #09090b;--surface: #111113;--surface-hover: #18181b;--surface-active: #1f1f23;--border: #1e1e21;--border-hover: #2e2e33;--ring: #22c55e;--text: #fafafa;--text-2: #a1a1aa;--text-3: #52525b;--accent: #22c55e;--accent-hover: #16a34a;--accent-bg: rgba(34, 197, 94, .08);--r: 8px;--r-lg: 12px;--fast: .1s ease;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}.app{max-width:1080px;margin:0 auto;padding:32px 20px 64px;display:flex;flex-direction:column;gap:32px}.header{padding:24px 0 0}.header h1{font-size:13px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.header h1 span{color:var(--accent)}.header-sub{font-size:24px;font-weight:700;color:var(--text);margin-top:4px;letter-spacing:-.03em;font-family:var(--sans);text-wrap:balance}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media(max-width:768px){.main-grid{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.step{display:flex;flex-direction:column;gap:10px}.step+.step{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.step-title{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.opt{font-weight:400;color:var(--text-3);font-size:10px;margin-left:4px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:640px){.template-grid{grid-template-columns:1fr}}.template-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;text-align:left;font-family:inherit;color:var(--text);transition:border-color var(--fast),background-color var(--fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.template-card:hover{border-color:var(--border-hover);background:var(--surface-hover)}.template-card:active{background:var(--surface-active)}.template-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.template-card.active{border-color:var(--accent);background:var(--accent-bg)}.template-icon{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);background:var(--surface-active);padding:2px 6px;border-radius:4px;width:fit-content;font-family:inherit}.template-card.active .template-icon{color:var(--accent);background:var(--accent-bg)}.template-name{font-size:14px;font-weight:600;margin-top:2px}.template-desc{font-size:11px;color:var(--text-2);font-family:var(--sans);line-height:1.4}.fields{display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:3px}.field label{font-size:11px;font-weight:600;color:var(--text-3);letter-spacing:.04em}.field input{padding:9px 11px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-family:inherit;font-size:13px;transition:border-color var(--fast),box-shadow var(--fast)}.field input::placeholder{color:var(--text-3)}.field input:hover{border-color:var(--border-hover)}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}.field-hint{font-size:11px;color:var(--text-3);font-family:var(--sans)}.pricing{display:flex;align-items:baseline;gap:6px;padding:10px 12px;background:var(--accent-bg);border:1px solid rgba(34,197,94,.12);border-radius:var(--r);margin-top:4px}.pricing-amount{font-size:22px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1}.pricing-unit{font-size:12px;font-weight:600;color:var(--accent)}.pricing-detail{font-size:11px;color:var(--text-3);font-family:var(--sans);margin-left:auto}.btn-deploy{width:100%;padding:12px 16px;background:var(--accent);color:var(--bg);font-size:13px;font-weight:700;font-family:inherit;border:none;border-radius:var(--r);cursor:pointer;margin-top:8px;letter-spacing:.02em;transition:background-color var(--fast),opacity var(--fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-deploy:hover{background:var(--accent-hover)}.btn-deploy:active{opacity:.9}.btn-deploy:focus-visible{outline:2px solid var(--text);outline-offset:2px}.btn-deploy:disabled{opacity:.4;cursor:not-allowed}.btn-deploy.coming_soon{background:var(--surface-active);color:var(--text-3)}.preview-frame{min-height:300px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:20px;display:flex;align-items:center;justify-content:center;margin-top:8px}.preview-empty{text-align:center;color:var(--text-3);font-size:13px}.preview-content{width:100%;display:flex;flex-direction:column;gap:10px}.preview-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);padding:3px 8px;background:var(--accent-bg);border-radius:4px;width:fit-content}.preview-content h2{font-size:20px;font-weight:700;letter-spacing:-.02em;text-wrap:balance;word-break:break-word;font-family:var(--sans)}.preview-bio,.preview-tagline{color:var(--text-2);font-family:var(--sans);font-size:14px;word-break:break-word}.preview-desc{color:var(--text-2);font-family:var(--sans);font-size:13px;line-height:1.5;word-break:break-word}.preview-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.preview-logo{width:40px;height:40px;border-radius:6px;object-fit:cover}.preview-links{display:flex;flex-wrap:wrap;gap:4px}.preview-link{font-size:11px;color:var(--accent);padding:2px 8px;border:1px solid rgba(34,197,94,.3);border-radius:100px;font-family:var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.preview-contract{font-size:11px;color:var(--text-3);display:flex;gap:6px;align-items:center}.preview-contract code{background:var(--surface-active);padding:2px 6px;border-radius:4px;font-size:11px;color:var(--text-2)}.preview-cta{display:inline-block;padding:7px 16px;background:var(--accent);color:var(--bg);font-size:12px;font-weight:700;border-radius:var(--r);text-decoration:none;width:fit-content;font-family:var(--sans)}.preview-cta:focus-visible{outline:2px solid var(--text);outline-offset:2px}.preview-socials{display:flex;gap:8px}.social-link{font-size:11px;color:var(--text-2);font-family:var(--sans);padding:2px 8px;background:var(--surface);border-radius:4px}.token-sym{color:var(--accent);font-size:14px;font-weight:600}.footer{text-align:center;padding:12px 0 0;border-top:1px solid var(--border)}.footer p{font-size:11px;color:var(--text-3)}.footer a{color:var(--text-2);text-decoration:none}.footer a:hover{color:var(--text)}.footer a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}