.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.wizard-card{width:100%;max-width:740px;background:var(--c-surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--c-border);border-radius:var(--r-card);box-shadow:var(--shadow-card);overflow:hidden}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--c-border-subtle);gap:16px}.wizard-logo{display:flex;align-items:center;gap:9px;flex-shrink:0;text-decoration:none}.wizard-logo-icon{width:28px;height:28px;flex-shrink:0;border-radius:6px;object-fit:cover}.wizard-logo-text{font-size:14px;font-weight:700;color:var(--c-text-1);letter-spacing:-.02em}.wizard-logo-sep{width:1px;height:14px;background:var(--c-border-subtle);margin:0 2px}.wizard-logo-sub{font-size:13px;font-weight:500;color:var(--c-text-3);letter-spacing:-.01em}.wizard-body{padding:40px 40px 36px;min-height:480px}.step-enter{animation:stepEnter .32s cubic-bezier(.25,.46,.45,.94) both}@keyframes stepEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.app{padding:0;align-items:flex-start}.wizard-card{border-radius:0;min-height:100vh;box-shadow:none;border:none}.wizard-header{padding:16px 20px}.wizard-body{padding:28px 20px 32px;min-height:unset}}.wp{display:flex;align-items:center;gap:0;list-style:none;padding:0;margin:0}.wp-item{display:flex;align-items:center;gap:7px}.wp-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;background:#0000000f;color:var(--c-text-3);transition:background .25s ease,box-shadow .25s ease}.wp-dot.active{background:var(--grad-primary);color:#fff;box-shadow:0 2px 8px #1a56db61}.wp-dot.done{background:var(--c-success);color:#fff}.wp-label{font-size:12px;font-weight:500;color:var(--c-text-3);white-space:nowrap;transition:color .25s ease}.wp-label.active{color:var(--c-primary);font-weight:600}.wp-label.done{color:var(--c-success)}.wp-connector{width:24px;height:1.5px;background:#00000014;margin:0 6px;flex-shrink:0;transition:background .25s ease}.wp-connector.filled{background:var(--c-success)}@media (max-width: 480px){.wp-label{display:none}.wp-connector{width:14px;margin:0 4px}}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 4px}.hero-badge{display:inline-flex;align-items:center;gap:7px;background:var(--c-primary-light);color:var(--c-primary);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:24px;border:1px solid var(--c-primary-mid)}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--c-primary);animation:badgePulse 2s ease infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-size:clamp(28px,5vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--c-text-1);margin-bottom:16px}.hero-title-grad{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:15.5px;line-height:1.65;color:var(--c-text-2);margin-bottom:28px;max-width:520px;letter-spacing:-.01em}.hero-pills{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:32px}.hero-pill{display:inline-flex;align-items:center;gap:7px;background:var(--c-surface-raised);border:1px solid var(--c-border-subtle);border-radius:100px;padding:6px 14px;font-size:13px;font-weight:500;color:var(--c-text-2);box-shadow:0 1px 4px #0000000a}.hero-pill-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.hero-snippet-wrap{width:100%;max-width:540px;background:var(--c-code-bg);border-radius:var(--r-md);overflow:hidden;margin-bottom:32px;text-align:left;box-shadow:0 4px 24px #0000002e}.hero-snippet-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--c-code-border)}.hero-snippet-dots{display:flex;gap:5px}.hero-snippet-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff1f}.hero-snippet-dots span:nth-child(1){background:#ff5f56b3}.hero-snippet-dots span:nth-child(2){background:#ffbd2eb3}.hero-snippet-dots span:nth-child(3){background:#27c93fb3}.hero-snippet-label{font-size:10px;font-weight:600;color:#ffffff4d;text-transform:uppercase;letter-spacing:.08em;font-family:Fira Code,monospace}.hero-snippet{padding:16px 20px;font-family:Fira Code,SF Mono,Menlo,monospace;font-size:13px;line-height:1.7;overflow-x:hidden;white-space:pre}.hero-snippet code{display:block}.hs-tag{color:#79c0ff}.hs-attr{color:#b3d1ff}.hs-punct{color:#8b949e}.hs-str{color:#a5d6ff}.hs-param{color:#ffd670}.hs-val{color:#ffa657}.hero-snippet-footer{padding:10px 16px;border-top:1px solid var(--c-code-border)}.hs-fact{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#ffffff59;font-family:Fira Code,monospace}.hero-cta{font-size:15px;padding:15px 30px;margin-bottom:32px;border-radius:15px}.hero-try-btn{background:none;border:none;padding:0;margin-top:-20px;margin-bottom:32px;font-size:13px;color:var(--c-text-3);cursor:pointer;text-decoration:underline;text-decoration-color:#00000026;text-underline-offset:3px;transition:color .15s ease;letter-spacing:-.01em}.hero-try-btn:hover{color:var(--c-text-2);text-decoration-color:#0000004d}.hero-stacks{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.hero-stacks-label{font-size:12px;color:var(--c-text-3);font-weight:500;flex-shrink:0}.hero-stacks-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.hero-stack-chip{font-size:11px;font-weight:600;color:var(--c-text-2);background:#ffffffa6;border:1px solid var(--c-border-subtle);border-radius:var(--r-xs);padding:3px 9px}.hero-stack-chip--more{color:var(--c-primary);background:var(--c-primary-light);border-color:var(--c-primary-mid)}.method-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.method-card{position:relative;display:block;width:100%;text-align:left;background:var(--c-surface-solid);border:1.5px solid var(--c-border-subtle);border-radius:18px;padding:18px 20px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .18s ease}.method-card:hover{border-color:#1a56db38;box-shadow:0 4px 18px #1a56db17;transform:translateY(-1px)}.method-card.selected{border-color:var(--c-primary);box-shadow:0 0 0 1px var(--c-primary),0 4px 20px #1a56db24}.method-card.selected.method-card--purple{border-color:var(--c-accent);box-shadow:0 0 0 1px var(--c-accent),0 4px 20px #667eea24}.method-card.selected.method-card--green{border-color:var(--c-success);box-shadow:0 0 0 1px var(--c-success),0 4px 20px #05966924}.method-card-top{display:flex;align-items:center;gap:14px;margin-bottom:12px}.method-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.method-icon--blue{background:var(--c-primary-light);color:var(--c-primary)}.method-icon--purple{background:#667eea1a;color:var(--c-accent)}.method-icon--green{background:var(--c-success-light);color:var(--c-success)}.method-card-meta{flex:1;min-width:0}.method-card-name{display:block;font-size:15px;font-weight:700;color:var(--c-text-1);letter-spacing:-.02em;margin-bottom:2px}.method-card-audience{font-size:12px;color:var(--c-text-3);font-weight:500}.method-time{font-size:11px;font-weight:700;color:var(--c-success);background:var(--c-success-light);padding:3px 10px;border-radius:100px;white-space:nowrap;flex-shrink:0}.method-card-desc{font-size:13.5px;color:var(--c-text-2);line-height:1.6;margin-bottom:14px}.method-badges{display:flex;flex-wrap:wrap;gap:5px}.method-badge{font-size:11px;font-weight:600;color:var(--c-text-3);background:#0000000a;border-radius:var(--r-xs);padding:2px 8px}.method-check{position:absolute;top:16px;right:16px;opacity:0;transform:scale(.7);transition:opacity .2s ease,transform .2s ease}.method-check.visible{opacity:1;transform:scale(1)}@media (max-width: 480px){.method-card-top{gap:10px}.method-time{display:none}}.cb-pre{margin:0;padding:16px 20px;overflow-x:auto;font-family:Fira Code,SF Mono,Menlo,Cascadia Code,monospace;font-size:12.5px;line-height:1.75;color:#cdd9e5;white-space:pre;-moz-tab-size:2;tab-size:2}.cb-code{display:block}.cb-tag,.cb-tag-close{color:#79c0ff}.cb-attr{color:#b3deff}.cb-string{color:#a5d6ff}.cb-comment{color:#6e7d8f;font-style:italic}.cb-punct{color:#8b949e}.cb-keyword{color:#ff7b72}.cb-fn{color:#d2a8ff}.cb-id{color:#cdd9e5}.cb-num{color:#79c0ff}.cb-op{color:#8b949e}.cb-other{color:#cdd9e5}.cs-license{margin-bottom:18px}.cs-license-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--c-text-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}.cs-license-input{width:100%;background:var(--c-surface-solid);border:1.5px solid var(--c-border-subtle);border-radius:var(--r-sm);padding:12px 16px;font-size:14px;color:var(--c-text-1);outline:none;transition:border-color .18s ease,box-shadow .18s ease;letter-spacing:-.01em}.cs-license-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-light)}.cs-license-input::placeholder{color:var(--c-text-3)}.cs-license-hint{margin-top:6px;font-size:12px;color:var(--c-text-3);letter-spacing:-.01em}.cs-snippet{background:var(--c-code-bg);border-radius:var(--r-md);overflow:hidden;margin-bottom:20px}.cs-snippet-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--c-code-border)}.cs-snippet-lang{font-size:10px;font-weight:700;color:#ffffff4d;text-transform:uppercase;letter-spacing:.07em;font-family:Fira Code,monospace}.cs-copy-btn{display:inline-flex;align-items:center;gap:5px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:5px 12px;font-size:12px;font-weight:500;color:#fff9;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.cs-copy-btn:hover{background:#ffffff1f;color:#ffffffe6}.cs-copy-btn.copied{background:#05966926;border-color:#0596694d;color:#34d399}.cs-steps{background:var(--c-surface-solid);border:1px solid var(--c-border-subtle);border-radius:var(--r-md);padding:16px 18px;margin-bottom:14px}.cs-steps-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-3);margin-bottom:13px}.cs-step{display:flex;align-items:flex-start;gap:11px;font-size:13.5px;color:var(--c-text-2);line-height:1.55;margin-bottom:9px}.cs-step:last-child{margin-bottom:0}.cs-step-n{width:21px;height:21px;border-radius:50%;background:var(--c-primary-light);color:var(--c-primary);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.cs-params{display:flex;flex-direction:column;gap:8px;padding:13px 16px;background:#00000006;border:1px solid var(--c-border-subtle);border-radius:var(--r-sm);margin-bottom:4px}.cs-param-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.cs-param-key{font-family:Fira Code,monospace;font-size:12px;background:var(--c-primary-light);color:var(--c-primary);padding:2px 8px;border-radius:var(--r-xs);white-space:nowrap;flex-shrink:0}.cs-param-desc{font-size:12.5px;color:var(--c-text-2);line-height:1.5;padding-top:2px}.live-input-row{display:flex;gap:10px;margin-bottom:14px;align-items:stretch}.live-input-wrap{flex:1;position:relative;min-width:0}.live-input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--c-text-3);pointer-events:none}.live-input{width:100%;height:100%;min-height:46px;background:var(--c-surface-solid);border:1.5px solid var(--c-border-subtle);border-radius:var(--r-sm);padding:11px 14px 11px 36px;font-size:14px;color:var(--c-text-1);outline:none;transition:border-color .18s ease,box-shadow .18s ease;letter-spacing:-.01em}.live-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-light)}.live-input::placeholder{color:var(--c-text-3)}.live-input:disabled{opacity:.6;cursor:not-allowed}.live-activate-btn{display:inline-flex;align-items:center;gap:9px;background:var(--grad-primary);color:#fff;border:none;border-radius:var(--r-sm);padding:11px 22px;font-size:14px;font-weight:600;letter-spacing:-.01em;box-shadow:var(--shadow-btn);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;white-space:nowrap;flex-shrink:0}.live-activate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #1a56db6b}.live-activate-btn:disabled{opacity:.38;cursor:not-allowed}.live-btn-dot{width:8px;height:8px;border-radius:50%;background:#ffffff8c;animation:livePulse 1.8s ease infinite}@keyframes livePulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.live-notice{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:var(--c-warning-light);border:1px solid rgba(217,119,6,.2);border-radius:var(--r-sm);padding:11px 14px;font-size:13px;color:var(--c-warning);margin-bottom:20px}.live-notice-link{background:none;border:none;color:var(--c-primary);font-size:13px;font-weight:500;cursor:pointer;text-decoration:underline;padding:0;text-underline-offset:2px}.live-log{background:var(--c-code-bg);border-radius:var(--r-md);overflow:hidden;margin-bottom:18px}.live-log-header{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid var(--c-code-border);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#fff6;font-family:Fira Code,monospace}.live-log-dot{width:8px;height:8px;border-radius:50%}.live-log-dot--running{background:#f59e0b;animation:livePulse 1s ease infinite}.live-log-dot--done{background:var(--c-success)}.live-log-dot--error{background:var(--c-error)}.live-log-body{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.live-log-item{display:flex;align-items:center;gap:10px;animation:logSlideIn .22s ease both}@keyframes logSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.live-log-item-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.log-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.12);border-top-color:#ffffffa6;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.live-log-item-text{font-size:13px;font-family:Fira Code,monospace;color:#fff9;line-height:1.4}.live-log-item.done .live-log-item-text,.live-log-item.active .live-log-item-text{color:#ffffffe0}.live-log-item.error .live-log-item-text{color:#fca5a5}.live-log-warns{border-top:1px solid var(--c-code-border);padding:10px 16px;display:flex;flex-direction:column;gap:4px}.live-log-warn{font-family:Fira Code,monospace;font-size:11.5px;color:#fbbf24bf;line-height:1.5}.live-success{background:var(--c-success-light);border:1px solid var(--c-success-mid);border-radius:var(--r-md);padding:22px 24px;text-align:center;margin-bottom:4px;animation:fadeUp .3s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.live-success-icon{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--c-success),#34D399);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 4px 18px #0596694d}.live-success-title{font-size:17px;font-weight:700;color:var(--c-success);letter-spacing:-.02em;margin-bottom:8px}.live-success-desc{font-size:13.5px;color:var(--c-text-2);line-height:1.65}.live-success-desc code{font-family:Fira Code,monospace;font-size:12px;background:var(--c-success-mid);color:var(--c-success);padding:1px 6px;border-radius:4px}@media (max-width: 480px){.live-input-row{flex-direction:column}.live-activate-btn{width:100%;justify-content:center}}:root{--c-bg: #E8EEF6;--c-surface: rgba(255, 255, 255, .72);--c-surface-solid: #FFFFFF;--c-surface-raised: rgba(255, 255, 255, .9);--c-border: rgba(255, 255, 255, .8);--c-border-subtle: rgba(0, 0, 0, .07);--c-primary: #1A56DB;--c-primary-dark: #1648C8;--c-primary-light: rgba(26, 86, 219, .08);--c-primary-mid: rgba(26, 86, 219, .15);--c-accent: #667EEA;--grad-primary: linear-gradient(135deg, #1A56DB 0%, #667EEA 100%);--c-success: #059669;--c-success-light: rgba(5, 150, 105, .08);--c-success-mid: rgba(5, 150, 105, .15);--c-error: #DC2626;--c-error-light: rgba(220, 38, 38, .08);--c-warning: #D97706;--c-warning-light: rgba(217, 119, 6, .08);--c-text-1: #0F172A;--c-text-2: #475569;--c-text-3: #94A3B8;--c-code-bg: #0D1117;--c-code-surface: #161B22;--c-code-border: rgba(255, 255, 255, .08);--r-card: 26px;--r-btn: 13px;--r-md: 14px;--r-sm: 10px;--r-xs: 7px;--shadow-card: 0 8px 48px rgba(0, 0, 0, .09), 0 2px 8px rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .9);--shadow-btn: 0 4px 14px rgba(26, 86, 219, .32), inset 0 1px 0 rgba(255, 255, 255, .18);--shadow-card-hover: 0 4px 16px rgba(26, 86, 219, .1);--blur: blur(24px) saturate(180%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse 70% 55% at 10% 45%,rgba(26,86,219,.1) 0%,transparent 100%),radial-gradient(ellipse 60% 50% at 88% 18%,rgba(102,126,234,.09) 0%,transparent 100%),radial-gradient(ellipse 50% 65% at 55% 95%,rgba(5,150,105,.06) 0%,transparent 100%),#e8eef6;background-attachment:fixed;color:var(--c-text-1);min-height:100%}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--grad-primary);color:#fff;border:none;border-radius:var(--r-btn);padding:13px 24px;font-size:14px;font-weight:600;letter-spacing:-.01em;box-shadow:var(--shadow-btn);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;cursor:pointer;white-space:nowrap}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #1a56db6b,inset 0 1px #ffffff2e}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.38;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--c-border-subtle);border-radius:var(--r-btn);padding:12px 20px;font-size:14px;font-weight:500;color:var(--c-text-2);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn-ghost:hover{background:#0000000a;color:var(--c-text-1);border-color:#0000001f}.step-header{margin-bottom:28px}.step-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--c-primary-light);color:var(--c-primary);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:100px;margin-bottom:12px}.step-title{font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--c-text-1);line-height:1.2;margin-bottom:8px}.step-sub{font-size:15px;color:var(--c-text-2);line-height:1.6;letter-spacing:-.01em}.step-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:32px}.step-nav--end{justify-content:flex-end}