.wiz-shell{--bg-deep: #f8fafc;--bg-card: #ffffff;--border: #e2e8f0;--border-active: #93bbfd;--text: #1e293b;--text-dim: #64748b;--text-bright: #0f172a;--accent: #3b82f6;--accent-warm: #2563eb;--accent-glow: rgba(59, 130, 246, .08);--gold: #d97706;--gold-soft: rgba(245, 158, 11, .08);--success: #059669;--success-soft: rgba(5, 150, 105, .08);--danger: #dc2626;--radius: 14px;--radius-sm: 10px;--radius-xs: 8px;--font: "Quicksand", system-ui, -apple-system, sans-serif;--transition: .25s cubic-bezier(.4, 0, .2, 1);position:relative;z-index:1;max-width:820px;margin:0 auto;padding:24px 20px 40px;font-family:var(--font);color:var(--text)}.wiz-shell .wiz-card{position:relative;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:28px 28px 0;box-shadow:0 4px 24px #0000000f}.wiz-card-footer{position:relative;margin:20px -28px 0;padding:16px 28px;border-top:1px solid #e2e8f0;background:#f8fafc99;border-radius:0 0 14px 14px}.wiz-card-footer .menu-footer{margin-top:0}.wiz-shell .menu-step{display:none}.wiz-shell .menu-step.active{display:block}.wiz-shell .hook{text-align:center;padding:8px 0 16px}.wiz-shell .hook-headline{font-size:clamp(28px,6vw,44px);font-weight:700;color:var(--text-bright);line-height:1.1;margin-bottom:16px}.wiz-shell .hook-headline em{font-style:normal;background:linear-gradient(135deg,var(--accent),#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wiz-shell .hook-sub{font-size:clamp(15px,2.5vw,18px);color:var(--text-dim);line-height:1.5;max-width:480px;margin:0 auto 4px}.wiz-shell .hook-proof{font-size:14px;color:var(--text);font-weight:600;margin-top:24px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5}.wiz-shell .hook-link{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;color:var(--accent);text-decoration:none;transition:var(--transition)}.wiz-shell .hook-link:hover{color:var(--accent-warm);text-decoration:underline}.wiz-shell .btn-hero{padding:16px 48px;font-size:16px;border-radius:12px;box-shadow:0 4px 20px #3b82f64d}.wiz-shell .btn-hero:hover{box-shadow:0 8px 28px #3b82f666}.wiz-shell .step-heading{font-size:clamp(22px,4vw,30px);font-weight:700;color:var(--text-bright);text-align:center;margin-bottom:24px}.wiz-shell .step-callout{font-size:15px;color:var(--text-dim);line-height:1.6;text-align:center;max-width:540px;margin:-8px auto 24px}.wiz-shell .menu-footer--split{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:10px}.wiz-shell .footer-actions{display:flex;gap:8px;align-items:center}.wiz-shell .btn-skip-inline{font-family:var(--font);font-size:14px;font-weight:600;color:var(--text-dim);background:none;border:1px dashed var(--border);border-radius:var(--radius-sm);padding:12px 16px;cursor:pointer;transition:var(--transition)}.wiz-shell .btn-skip-inline:hover{color:var(--text);border-color:var(--border-active);background:#f8fafc}.wiz-shell .diag-section{margin-bottom:20px}.wiz-shell .diag-label{font-size:15px;font-weight:600;color:var(--text);margin-bottom:10px}.wiz-shell .diag-grid{display:grid;gap:10px}.wiz-shell .diag-grid.cols-2{grid-template-columns:repeat(2,1fr)}.wiz-shell .diag-grid.cols-3{grid-template-columns:repeat(3,1fr)}.wiz-shell .diag-tile{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);padding:14px 16px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:12px;box-shadow:0 1px 2px #00000008}.wiz-shell .diag-tile:hover{border-color:var(--border-active);background:#f8faff}.wiz-shell .diag-tile.checked{border-color:var(--accent);background:#3b82f60a;box-shadow:0 0 0 1px var(--accent)}.wiz-shell .diag-tile input{position:absolute;opacity:0;pointer-events:none}.wiz-shell .diag-tile-icon{font-size:22px;flex-shrink:0;width:32px;text-align:center}.wiz-shell .diag-tile-text{font-size:14px;font-weight:600;color:var(--text);line-height:1.3}.wiz-shell .diag-tile-text small{display:block;font-weight:400;color:var(--text-dim);font-size:12px;margin-top:2px}.wiz-shell .diag-select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-card) url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--border);border-radius:var(--radius-xs);padding:12px 36px 12px 14px;font-family:var(--font);font-size:15px;font-weight:500;color:var(--text);cursor:pointer;transition:var(--transition)}.wiz-shell .diag-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.wiz-shell .field-grid{display:grid;gap:12px}.wiz-shell .field-grid.cols-2{grid-template-columns:repeat(2,1fr)}.wiz-shell .field-block{display:flex;flex-direction:column;gap:4px}.wiz-shell .field-label{font-size:13px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.wiz-shell .field-input,.wiz-shell .field-textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);padding:12px 14px;font-family:var(--font);font-size:15px;font-weight:500;color:var(--text);transition:var(--transition);width:100%}.wiz-shell .field-input::-moz-placeholder,.wiz-shell .field-textarea::-moz-placeholder{color:#94a3b8;font-weight:400}.wiz-shell .field-input::placeholder,.wiz-shell .field-textarea::placeholder{color:#94a3b8;font-weight:400}.wiz-shell .field-input:focus,.wiz-shell .field-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.wiz-shell .field-textarea{resize:vertical;min-height:60px}.wiz-shell .color-section{margin-top:16px}.wiz-shell .asset-mode-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.wiz-shell .asset-mode-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:8px 12px;background:var(--bg-card);color:var(--text);font-size:13px;font-weight:600}.wiz-shell .asset-mode-pill input{margin:0}.wiz-shell .asset-mode-pill.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.wiz-shell .color-row{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}.wiz-shell .color-pick{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);padding:5px 10px 5px 6px;flex:1 1 170px}.wiz-shell .file-meta{color:var(--text-dim);font-size:12px;margin-top:4px}.wiz-shell .color-pick label{font-size:13px;color:var(--text-dim);font-weight:500}.wiz-shell .color-pick input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:28px;height:28px;border-radius:6px;cursor:pointer;padding:0;background:none}.wiz-shell .color-pick input[type=color]::-webkit-color-swatch-wrapper{padding:0}.wiz-shell .color-pick input[type=color]::-webkit-color-swatch{border:2px solid var(--border);border-radius:5px}.wiz-shell .rec-panel{background:linear-gradient(135deg,#f0f7ff,#fff);border:1px solid var(--border-active);border-radius:var(--radius);padding:24px 20px;box-shadow:0 4px 16px #3b82f60f}.wiz-shell .rec-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.wiz-shell .rec-title{font-size:28px;font-weight:700;color:var(--text-bright);margin-bottom:2px}.wiz-shell .rec-tagline{font-size:15px;color:var(--text-dim);margin-bottom:12px}.wiz-shell .rec-body{font-size:15px;color:var(--text);line-height:1.55;margin-bottom:16px}.wiz-shell .rec-includes-label{font-size:12px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.wiz-shell .rec-includes{list-style:none;font-size:15px;color:var(--text);line-height:1.7;margin-bottom:16px;padding-left:0}.wiz-shell .rec-includes li:before{content:"✓";color:var(--success);font-weight:700;margin-right:8px}.wiz-shell .rec-details{list-style:none;font-size:15px;color:var(--text);line-height:1.6;border-top:1px solid var(--border);margin-top:4px;padding-top:16px;padding-left:0;display:flex;flex-direction:column;gap:10px}.wiz-shell .rec-details li{display:flex;gap:8px}.wiz-shell .rec-details li strong{color:var(--text-dim);min-width:110px;flex-shrink:0}.wiz-shell .summary-snapshot{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-top:16px}.wiz-shell .summary-snapshot h4{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.wiz-shell .summary-snapshot p{font-size:14px;color:var(--text);line-height:1.65}.wiz-shell .summary-snapshot p strong{color:var(--text-dim)}.wiz-shell .completion-shell{text-align:center;max-width:620px;margin:0 auto;padding:60px 20px}.wiz-shell .completion-icon{width:64px;height:64px;border-radius:50%;background:var(--success-soft);display:inline-grid;place-items:center;font-size:32px;margin-bottom:20px}.wiz-shell .completion-shell h2{font-size:28px;font-weight:700;color:var(--text-bright);margin-bottom:6px}.wiz-shell .completion-shell p{font-size:16px;color:var(--text-dim);line-height:1.55;margin-bottom:6px}.wiz-shell .completion-shell .rec-details{text-align:left;max-width:none;width:100%;margin:20px auto 0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.wiz-shell .completion-shell .completion-callout{max-width:620px;margin:20px auto 0;text-align:left;padding:64px 60px;background:#fff;border:1px solid var(--border)}.wiz-shell .completion-shell .completion-callout .completion-icon{margin-bottom:14px}.wiz-shell .completion-shell .completion-callout h2,.wiz-shell .completion-shell .completion-callout p{text-align:center}.wiz-shell .completion-close-note{margin-top:14px;font-weight:600;color:var(--text)}.wiz-shell .menu-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:10px}.wiz-shell .menu-footer--center{justify-content:center}.wiz-shell .menu-footer-progress{flex:1;display:flex;justify-content:center;align-items:center;gap:0;position:relative;min-width:170px;padding:0 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wiz-shell .menu-footer-dot{width:12px;height:12px;border-radius:999px;background:#e2e8f0;border:2px solid #cbd5e1;box-shadow:0 0 0 2px #fff;position:relative;z-index:1;transition:var(--transition);margin:0 5px}.wiz-shell .menu-footer-dot:not(:last-child):after{content:"";position:absolute;top:50%;left:calc(100% + 2px);width:10px;height:2px;transform:translateY(-50%);border-radius:999px;background:#d4deea}.wiz-shell .menu-footer-dot.is-active{background:var(--accent);border-color:var(--accent);transform:scale(1.08)}.wiz-shell .menu-help-widget{position:absolute;top:12px;right:16px;z-index:4}.wiz-shell .menu-help-toggle{width:34px;height:34px;border:1px solid #20ba5a;border-radius:999px;background:#25d366;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);box-shadow:0 4px 14px #25d3664d}.wiz-shell .menu-help-toggle:hover{background:#20ba5a;border-color:#179d49}.wiz-shell .menu-help-widget--compact{top:10px;right:12px}.wiz-shell .menu-help-toggle--compact{width:28px;height:28px}.wiz-shell .menu-help-toggle--compact svg{width:16px;height:16px}.wiz-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0f172a59;display:flex;align-items:center;justify-content:center;padding:20px}.wiz-confirm-modal{width:min(420px,100%);background:#fff;border:1px solid #dbe5f1;border-radius:14px;box-shadow:0 18px 36px #0f172a33;padding:20px;text-align:center;font-family:Quicksand,system-ui,-apple-system,sans-serif}.wiz-confirm-modal h3{margin:0 0 8px;color:#0f172a;font-size:20px;font-weight:700}.wiz-confirm-modal p{margin:0;color:#64748b;font-size:14px}.wiz-confirm-actions{margin-top:18px;display:flex;justify-content:center;gap:10px}.wiz-confirm-actions .btn{font-family:Quicksand,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:700;border-radius:10px;padding:10px 18px;cursor:pointer;transition:.25s cubic-bezier(.4,0,.2,1)}.wiz-confirm-actions .btn.btn-ghost{background:#fff;border:1px solid #e2e8f0;color:#64748b}.wiz-confirm-actions .btn.btn-ghost:hover{border-color:#93bbfd;color:#1e293b;background:#f8fafc}.wiz-confirm-actions .btn.btn-primary{border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 3px 12px #3b82f640}.wiz-confirm-actions .btn.btn-primary:hover{box-shadow:0 6px 20px #3b82f659;transform:translateY(-1px)}.wiz-shell .btn{font-family:var(--font);font-size:15px;font-weight:700;border:none;border-radius:var(--radius-sm);padding:12px 24px;cursor:pointer;transition:var(--transition)}.wiz-shell .btn-primary{background:linear-gradient(135deg,var(--accent),#2563eb);color:#fff;box-shadow:0 3px 12px #3b82f640}.wiz-shell .btn-primary:hover{box-shadow:0 6px 20px #3b82f659;transform:translateY(-1px)}.wiz-shell .btn-ghost{background:#fff;border:1px solid var(--border);color:var(--text-dim)}.wiz-shell .btn-ghost:hover{border-color:var(--border-active);color:var(--text);background:#f8fafc}.wiz-shell .btn-submit{background:linear-gradient(135deg,var(--success),#047857);color:#fff;box-shadow:0 3px 12px #05966940}.wiz-shell .btn-submit:hover{box-shadow:0 6px 20px #05966959;transform:translateY(-1px)}.wiz-shell .menu-notice{text-align:center;font-size:14px;font-weight:600;color:var(--danger);min-height:18px;margin-top:10px}.wiz-shell .hidden{display:none!important}@media (max-width: 700px){.wiz-shell{padding:16px 14px 32px}.wiz-shell .hook{padding:24px 0 8px}.wiz-shell .btn-hero{padding:14px 24px;font-size:15px}.wiz-shell .diag-grid.cols-2,.wiz-shell .diag-grid.cols-3,.wiz-shell .field-grid.cols-2{grid-template-columns:1fr}.wiz-shell .color-row{flex-direction:column}.wiz-shell .menu-footer{flex-direction:column-reverse;gap:8px}.wiz-shell .menu-footer--center{flex-direction:column}.wiz-shell .menu-footer--split{flex-direction:column-reverse;gap:8px}.wiz-shell .menu-footer--split .footer-actions{flex-direction:column;width:100%}.wiz-shell .menu-footer--split .footer-actions .btn,.wiz-shell .menu-footer .btn,.wiz-shell .menu-footer--split .btn-skip-inline{width:100%;text-align:center}.wiz-shell .menu-footer-progress{flex:none;width:100%}.wiz-shell .menu-help-widget{top:8px;right:10px}.wiz-confirm-actions{flex-direction:column-reverse}.wiz-confirm-actions .btn{width:100%}.wiz-shell .rec-details li{flex-direction:column;gap:1px}.wiz-shell .rec-details li strong{min-width:0}}