:root{--n4-bg: var(--p-color-bg, #f1f1f1);--n4-surface: var(--p-color-bg-surface, #ffffff);--n4-surface-secondary: var(--p-color-bg-surface-secondary, #f7f7f7);--n4-border: var(--p-color-border, #e3e3e3);--n4-text: var(--p-color-text, #303030);--n4-text-secondary: var(--p-color-text-secondary, #616161);--n4-critical: var(--p-color-text-critical, #c62828);--n4-success: var(--p-color-text-success, #0c7c59);--n4-warning: var(--p-color-text-warning, #8a6116);--n4-accent: var(--p-color-bg-fill-brand, #303030);--n4-radius: var(--p-border-radius-200, 8px);--n4-space-1: var(--p-space-100, 4px);--n4-space-2: var(--p-space-200, 8px);--n4-space-3: var(--p-space-300, 12px);--n4-space-4: var(--p-space-400, 16px);--n4-space-5: var(--p-space-500, 20px);--n4-space-6: var(--p-space-600, 24px);--n4-font: var(--p-font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}body{margin:0;font-family:var(--n4-font);color:var(--n4-text);background:var(--n4-bg);font-size:14px;line-height:1.5}.n4-page{max-width:1120px;margin:0 auto;padding:var(--n4-space-5) var(--n4-space-4) var(--n4-space-6)}.n4-page__header{margin-bottom:var(--n4-space-5)}.n4-page__title{margin:0 0 var(--n4-space-1);font-size:20px;font-weight:650;letter-spacing:-.01em}.n4-page__subtitle{margin:0;color:var(--n4-text-secondary)}.n4-card{background:var(--n4-surface);border:1px solid var(--n4-border);border-radius:var(--n4-radius);padding:var(--n4-space-4);margin-bottom:var(--n4-space-4)}.n4-card__title{margin:0 0 var(--n4-space-3);font-size:14px;font-weight:650}.n4-card__intro{margin:0 0 var(--n4-space-4);color:var(--n4-text-secondary)}.n4-steps{list-style:none;margin:0;padding:0;counter-reset:none}.n4-step{display:flex;gap:var(--n4-space-3);align-items:flex-start;padding:var(--n4-space-4) 0;border-bottom:1px solid var(--n4-border)}.n4-step:first-child{padding-top:0}.n4-step:last-child{border-bottom:none;padding-bottom:0}.n4-step__marker{flex:none;width:22px;height:22px;border-radius:999px;border:1px solid var(--n4-border);display:grid;place-items:center;font-size:12px;font-weight:650;color:var(--n4-text-secondary)}.n4-step--done .n4-step__marker{background:var(--n4-success);border-color:var(--n4-success);color:#fff}.n4-step__body{min-width:0}.n4-step__title{margin:0 0 var(--n4-space-1);font-size:14px;font-weight:600}.n4-step p{margin:0 0 var(--n4-space-1)}.n4-step p:last-child{margin-bottom:0}.n4-how{margin:0 0 var(--n4-space-3);padding-inline-start:var(--n4-space-5);color:var(--n4-text-secondary)}.n4-how li{margin-bottom:var(--n4-space-1)}.n4-field{margin-bottom:var(--n4-space-4)}.n4-field__label{display:block;font-weight:550;margin-bottom:var(--n4-space-1)}.n4-field__help{margin:var(--n4-space-1) 0 0;color:var(--n4-text-secondary);font-size:13px}.n4-input{width:100%;max-width:420px;padding:var(--n4-space-2) var(--n4-space-3);border:1px solid var(--n4-border);border-radius:var(--n4-radius);font:inherit;color:inherit;background:var(--n4-surface);box-sizing:border-box}.n4-checkbox{display:flex;gap:var(--n4-space-2);align-items:flex-start;margin-bottom:var(--n4-space-3)}.n4-checkbox input{margin-top:3px;flex:none}.n4-checkbox .n4-field__help{display:block}.n4-button{display:inline-flex;align-items:center;gap:var(--n4-space-2);padding:var(--n4-space-2) var(--n4-space-4);border-radius:var(--n4-radius);border:1px solid var(--n4-border);background:var(--n4-surface);font:inherit;font-weight:550;color:inherit;cursor:pointer}.n4-button--primary{background:var(--n4-accent);border-color:var(--n4-accent);color:var(--p-color-text-brand-on-bg-fill, #ffffff)}.n4-button:disabled{opacity:.55;cursor:not-allowed}.n4-actions{display:flex;gap:var(--n4-space-2);flex-wrap:wrap;align-items:center;margin-bottom:var(--n4-space-4)}.n4-banner{border:1px solid var(--n4-border);border-inline-start-width:3px;border-radius:var(--n4-radius);padding:var(--n4-space-3) var(--n4-space-4);margin-bottom:var(--n4-space-4);background:var(--n4-surface)}.n4-banner--info{border-inline-start-color:#0b6bcb}.n4-banner--success{border-inline-start-color:var(--n4-success)}.n4-banner--warning{border-inline-start-color:var(--n4-warning)}.n4-banner--critical{border-inline-start-color:var(--n4-critical)}.n4-banner p{margin:0 0 var(--n4-space-1)}.n4-banner p:last-child{margin-bottom:0}.n4-link{color:var(--p-color-text-emphasis, #0b6bcb);text-decoration:underline}.n4-code{font-family:var(--p-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12.5px;background:var(--n4-surface-secondary);border-radius:4px;padding:1px 5px;overflow-wrap:anywhere}.n4-muted{color:var(--n4-text-secondary)}
