.pro-layout{flex-wrap:wrap;align-items:flex-start;gap:28px;display:flex}.pro-form{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;flex:340px;gap:18px;min-width:0;padding:24px;display:flex}.pro-output{flex-direction:column;flex:999 520px;gap:20px;min-width:0;display:flex}.pro-field{flex-direction:column;gap:6px;min-width:0;display:flex}.pro-field label,.pro-label{font-size:14px;font-weight:600}.pro-field input[type=text],.pro-field input[type=email],.pro-field textarea,.pro-field select,.pro-add input{font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);width:100%;min-width:0;padding:11px 12px;font-size:16px}.pro-field input[aria-invalid=true],.pro-field textarea[aria-invalid=true]{border-width:2px;border-color:#a4361c;padding:10px 11px}.pro-field textarea{resize:vertical;min-height:110px}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.pro-hint{color:var(--text-muted);font-size:13px}.pro-error{color:#8a2a12;font-size:13px;font-weight:500}.pro-error-summary{margin:0;font-size:14px}.pro-row{flex-wrap:wrap;gap:16px;display:flex}.pro-row>.pro-field{flex:120px}.pro-generate{font:inherit;border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:0;padding:14px;font-size:16px;font-weight:600}.pro-generate:hover{background:var(--accent-hover)}.pro-pills{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pill{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;display:inline-flex}.pill button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:16px;line-height:1}.pill-error{color:#8a2a12;background:#f9e1da}.pill-add{font:inherit;background:var(--surface);color:var(--text);cursor:pointer;border:1px dashed #7d877f;font-size:14px}.pro-add{border:1px solid var(--divider);border-radius:var(--radius-sm);background:var(--bg);flex-direction:column;gap:6px;padding:14px;display:flex}.pro-add-actions{gap:8px;margin-top:6px;display:flex}.pro-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px}.pro-card-main{border:2px solid var(--accent);border-radius:var(--radius-lg);padding:28px}.pro-card h2{font-family:var(--font-body);margin:0 0 4px;font-size:18px;font-weight:600;line-height:1.3}.pro-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pro-card-head h2{margin:0}.pro-copy{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;padding:10px 16px;font-size:15px;font-weight:600}.pro-paragraph{font-family:var(--font-display);margin:0;font-size:19px;line-height:1.7}.pro-sub{color:var(--text-muted);margin:0 0 16px;font-size:15px}.pro-checklist{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pro-checklist label{cursor:pointer;align-items:flex-start;gap:12px;font-size:16px;display:flex}.pro-checklist input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:2px 0 0}.pro-empty p{color:var(--text-muted);margin:8px 0 0}.pro-card p{font-size:16px;line-height:1.6}.pro-code{background:var(--code-bg);border-radius:var(--radius-lg);overflow:hidden}.pro-code-bar{border-bottom:1px solid #2e3b46;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.pro-filename{font-family:var(--font-mono);color:#c9d3d1;overflow-wrap:anywhere;font-size:14px}.pro-code-actions{gap:8px;display:flex}.pro-code-copy,.pro-code-download{font:inherit;border-radius:var(--radius-sm);cursor:pointer;padding:8px 14px;font-size:14px;font-weight:600}.pro-code-copy{color:#fff;background:0 0;border:1px solid #4b5b66}.pro-code-download{background:var(--code-accent);color:#0b2e2c;border:0}.pro-code pre{font-family:var(--font-mono);color:var(--code-text);margin:0;padding:22px 24px;font-size:15px;line-height:1.75;overflow-x:auto}.pro-code code{font-family:inherit}.pro-code .comment{color:var(--code-comment)}.pro-generate:disabled{opacity:.7;cursor:progress}.pro-stale{color:var(--warn-text);background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius-sm);margin:0;padding:10px 14px;font-size:14px}.pro-upsell{background:var(--accent-soft);border-color:#0000}.pro-upsell-label{letter-spacing:.06em;color:var(--accent);margin:0 0 6px;font-size:12px;font-weight:600}.pro-upsell h2{margin:0 0 8px;font-size:20px}.pro-upsell-message{margin:0 0 8px;font-weight:600}.pro-upsell-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.pro-help{background:var(--accent-soft);border-radius:var(--radius-md);padding:14px 16px;font-size:14px;line-height:1.55}.pro-help summary{cursor:pointer;font-size:15px;font-weight:600}.pro-help p{margin:10px 0}.pro-help-table{border-radius:var(--radius-sm);background:var(--surface);margin:10px 0 12px;overflow-x:auto}.pro-help-table table{border-collapse:collapse;width:100%;font-size:13px}.pro-help-table caption{text-align:left;color:var(--text-muted);padding:8px 10px 4px;font-size:12px}.pro-help-table th,.pro-help-table td{text-align:left;white-space:nowrap;padding:6px 8px}.pro-help-table thead tr{background:var(--table-head)}.pro-help-table th{font-family:var(--font-mono);font-weight:600}.pro-help-table tbody tr{border-top:1px solid var(--divider)}.pro-help dl{margin:0}.pro-help dt{margin-top:8px;font-weight:600}.pro-help dd{margin:2px 0 0}.pro-help code{font-family:var(--font-mono);background:var(--surface);border-radius:4px;padding:0 4px;font-size:13px}.pro-help-story{background:var(--surface);border-radius:var(--radius-sm);padding:10px 12px}.pro-segment{border:1px solid var(--border-strong);border-radius:var(--radius-sm);align-self:flex-start;display:inline-flex;overflow:hidden}.pro-segment button{font:inherit;background:var(--surface);color:var(--text);cursor:pointer;border:0;padding:9px 16px;font-size:15px;font-weight:600}.pro-segment button+button{border-left:1px solid var(--border-strong)}.pro-segment button.on{background:var(--accent);color:#fff}.pro-note{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius-sm);color:var(--warn-text);margin:0;padding:10px 12px;font-size:14px}.request-card{flex-direction:column;gap:18px;display:flex}.request-card h3{margin:0;font-size:18px}.request-card .pro-generate{align-self:flex-start;padding-inline:22px}