:root{--ecq-bg: #ffffff;--ecq-fg: #111111;--ecq-muted: #6b7280;--ecq-border: #e5e7eb;--ecq-accent: #111111;--ecq-accent-fg: #ffffff;--ecq-radius: 12px;--ecq-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ecq-bg);color:var(--ecq-fg);font-family:var(--ecq-font);-webkit-font-smoothing:antialiased}.ecq-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.ecq-shell.ecq-embed{min-height:auto;padding:16px}.ecq-quiz{width:100%;max-width:560px;display:flex;flex-direction:column;gap:24px}.ecq-head{display:flex;flex-direction:column;gap:12px}.ecq-logo{max-height:40px;width:auto;display:block}.ecq-title{margin:0;font-size:24px;font-weight:600;letter-spacing:-.01em}.ecq-intro{margin:0;color:var(--ecq-muted);font-size:15px;line-height:1.5}.ecq-progress{height:3px;background:var(--ecq-border);border-radius:999px;overflow:hidden}.ecq-progress-bar{height:100%;background:var(--ecq-accent);transition:width .24s ease}.ecq-step{display:flex;flex-direction:column;gap:20px}.ecq-prompt{margin:0;font-size:19px;font-weight:500;line-height:1.35}.ecq-options{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ecq-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--ecq-border);border-radius:var(--ecq-radius);cursor:pointer;transition:border-color .12s ease,background .12s ease;font-size:15px}.ecq-option:hover{border-color:var(--ecq-fg)}.ecq-option.is-selected{border-color:var(--ecq-accent);background:#00000008}.ecq-option input{accent-color:var(--ecq-accent)}.ecq-text{width:100%;padding:14px 16px;border:1px solid var(--ecq-border);border-radius:var(--ecq-radius);font-size:15px;font-family:inherit;outline:none;transition:border-color .12s ease}.ecq-text:focus{border-color:var(--ecq-accent)}.ecq-nav{display:flex;gap:10px;justify-content:flex-end}.ecq-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--ecq-accent);color:var(--ecq-accent-fg);padding:12px 22px;border-radius:var(--ecq-radius);font-size:15px;font-weight:500;cursor:pointer;font-family:inherit;transition:opacity .12s ease}.ecq-btn:disabled{opacity:.4;cursor:not-allowed}.ecq-btn-ghost{background:transparent;color:var(--ecq-fg);border:1px solid var(--ecq-border)}.ecq-status,.ecq-empty{color:var(--ecq-muted);font-size:15px}.ecq-done,.ecq-error{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.ecq-preview-shell{min-height:100dvh;background:#f5f6f8;color:var(--ecq-fg);font-family:var(--ecq-font);padding:24px}.ecq-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;max-width:1100px;margin:0 auto 16px}.ecq-preview-head h1{margin:0 0 4px;font-size:20px}.ecq-preview-sub{margin:0;color:var(--ecq-muted);font-size:13px}.ecq-preview-sub code{background:#e5e7eb;padding:1px 6px;border-radius:4px;font-size:12px}.ecq-preview-refresh{background:var(--ecq-fg);color:#fff;border:0;border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer}.ecq-preview-tabs{max-width:1100px;margin:0 auto 12px;display:flex;gap:4px;border-bottom:1px solid var(--ecq-border)}.ecq-preview-tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 14px;font-size:14px;font-family:inherit;color:var(--ecq-muted);cursor:pointer}.ecq-preview-tab-active{color:var(--ecq-fg);border-bottom-color:var(--ecq-accent)}.ecq-preview-body{max-width:1100px;margin:0 auto}.ecq-preview-stage{background:var(--ecq-bg);border-radius:16px;padding:24px;display:flex;justify-content:center;min-height:480px}.ecq-preview-stage .ecq-shell{min-height:0;padding:0}.ecq-preview-email-row{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.ecq-preview-email{background:var(--ecq-bg);border-radius:12px;overflow:hidden;border:1px solid var(--ecq-border)}.ecq-preview-email-meta{padding:12px 16px;border-bottom:1px solid var(--ecq-border);background:#fafbfc;font-size:13px}.ecq-preview-email-label{color:var(--ecq-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-right:8px}.ecq-preview-email-subject{font-weight:500}.ecq-preview-email-delay{color:var(--ecq-muted);font-size:12px;margin-top:4px}.ecq-preview-email-delay code{background:#e5e7eb;padding:1px 5px;border-radius:4px;font-size:11px}.ecq-preview-email-frame{width:100%;height:640px;border:0;background:#f5f5f5;display:block}.ecq-preview-side{background:var(--ecq-bg);border-radius:12px;padding:16px;border:1px solid var(--ecq-border);position:sticky;top:16px}.ecq-preview-side h3{margin:0 0 4px;font-size:14px}.ecq-preview-side-help{margin:0 0 12px;font-size:12px;color:var(--ecq-muted)}.ecq-preview-fields{display:flex;flex-direction:column;gap:14px}.ecq-preview-field{display:flex;flex-direction:column;gap:6px;font-size:13px}.ecq-preview-field-name code{background:#f3f4f6;padding:1px 6px;border-radius:4px;font-size:11px;color:var(--ecq-muted)}.ecq-preview-field select,.ecq-preview-field input[type=text]{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--ecq-border);font:inherit;background:var(--ecq-bg)}.ecq-preview-multi{display:flex;flex-direction:column;gap:6px}.ecq-preview-multi-opt{display:flex;align-items:center;gap:8px;font-size:13px}.ecq-preview-status{text-align:center;color:var(--ecq-muted);padding:80px 0}.ecq-preview-error{max-width:600px;margin:80px auto;background:var(--ecq-bg);border:1px solid #fecaca;border-radius:12px;padding:24px}.ecq-preview-error h2{margin:0 0 8px;font-size:16px;color:#b00020}.ecq-preview-error p{margin:0;color:var(--ecq-fg);font-size:14px;font-family:ui-monospace,monospace;word-break:break-word}@media(max-width:720px){.ecq-preview-email-row{grid-template-columns:1fr}.ecq-preview-side{position:static}}.ecq-preview-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d1d5db;margin-right:8px;vertical-align:middle}.ecq-preview-dot-on{background:#16a34a}.ecq-preview-email-when{margin-top:6px;font-size:12px;color:#16a34a}.ecq-preview-email-when span{font-family:ui-monospace,monospace;color:var(--ecq-fg);background:#ecfdf5;padding:1px 5px;border-radius:4px}.ecq-preview-email-when-filtered{color:var(--ecq-muted)}.ecq-preview-email-when-filtered span{background:#f3f4f6}