.recipe-record{flex-direction:column;align-items:center;width:100%;display:flex}.recipe-record__inner{flex-direction:column;width:100%;max-width:560px;padding:0 24px;display:flex}.recipe-record__hero{margin-bottom:28px}.recipe-record__form{flex-direction:column;gap:12px;display:flex}.recipe-record__text-field{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-lg);color:var(--color-text);outline-style:none;padding:13px 14px}.recipe-record__text-field--error{border-color:var(--color-danger)}.recipe-record__field-error{font-size:var(--text-sm);color:var(--color-danger-muted)}.recipe-record__paste-fallback{flex-direction:column;gap:10px;padding-top:4px;display:flex}.recipe-record__paste-toggle{font-size:var(--text-sm);color:var(--color-brand-muted);text-align:center;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.recipe-record__paste-hint{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:18px}.recipe-record__paste-url-field{flex-direction:column;gap:6px;display:flex}.recipe-record__paste-url-label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.recipe-record__paste-url-hint{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:17px}.recipe-record__text-area{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-lg);color:var(--color-text);resize:vertical;outline-style:none;min-height:160px;padding:13px 14px;font-family:inherit;line-height:20px}.recipe-record__preview-wrap{flex-direction:column;gap:20px;display:flex}.recipe-record__preview-banner{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:14px}.recipe-record__preview-banner-text{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;line-height:19px}.recipe-record__saved-banner{flex-direction:row;justify-content:center;display:flex}.recipe-record__saved-banner-text{font-size:var(--text-base);color:var(--color-success-muted);font-weight:700}.recipe-record__preview-actions{flex-direction:row;justify-content:center;gap:12px;display:flex}
.recipe-loader{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:28px 0;display:flex}.recipe-loader__caption{font-size:var(--text-md);color:var(--color-text-secondary);text-align:center;max-width:300px;min-height:42px;line-height:21px}