.page-container.svelte-164kqkk{max-width:800px;margin:0 auto;padding:0 var(--spacing-l)}.page-header.svelte-164kqkk{margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-xl);text-align:center}.logo-container.svelte-164kqkk{display:flex;justify-content:center;align-items:center}.brave-logo.svelte-164kqkk{height:48px;width:auto}.content-section.svelte-164kqkk{margin-bottom:var(--spacing-3xl)}.info-card.svelte-164kqkk,.loading-card.svelte-164kqkk,.support-card.svelte-164kqkk,.api-key-card.svelte-164kqkk,.subscription-card.svelte-164kqkk{background:var(--color-container-primary);border:1px solid var(--color-divider-subtle);border-radius:var(--border-radius-l);padding:var(--spacing-3xl);box-shadow:0 2px 8px #0000000a;margin-bottom:var(--spacing-3xl)}.loading-header.svelte-164kqkk{margin-bottom:var(--spacing-3xl);text-align:center}.api-key-header.svelte-164kqkk{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-l);width:100%}.api-key-status-badge.svelte-164kqkk{padding:var(--spacing-s) var(--spacing-m);border-radius:var(--border-radius-m);font-size:var(--text-sm);font-weight:600;text-transform:capitalize}.api-key-status-badge.status-active.svelte-164kqkk{background-color:var(--color-container-success);color:var(--color-text-success)}.api-key-status-badge.status-inactive.svelte-164kqkk{background-color:var(--color-container-highlight);color:var(--color-text-secondary)}.api-key-input.svelte-164kqkk{flex:1;font-family:var(--mono-font);font-size:var(--text-sm);padding:var(--spacing-m);border:1px solid var(--color-divider-subtle);border-radius:var(--border-radius-s);background:var(--color-container-primary);color:var(--color-text-primary);min-width:0}.api-key-input.svelte-164kqkk:focus{outline:none;border-color:var(--color-text-interactive);box-shadow:0 0 0 2px rgba(var(--color-text-interactive-rgb),.1)}.loading-container.svelte-164kqkk{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-3xl) 0}.loading-spinner.svelte-164kqkk{width:48px;height:48px;border:4px solid var(--color-divider-subtle);border-top:4px solid var(--color-text-interactive);border-radius:50%;animation:svelte-164kqkk-spin 1s linear infinite}@keyframes svelte-164kqkk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.support-card.svelte-164kqkk a:where(.svelte-164kqkk){color:var(--color-text-interactive);text-decoration:none}.support-card.svelte-164kqkk a:where(.svelte-164kqkk):hover{text-decoration:underline}@media (min-width: 768px){.page-container.svelte-164kqkk{padding:0 var(--spacing-xl)}}@media (min-width: 1024px){.page-container.svelte-164kqkk{padding:0 var(--spacing-2xl)}}.subscription-header.svelte-164kqkk{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-l)}.status-description.svelte-164kqkk{margin-bottom:var(--spacing-l)}.status-info.svelte-164kqkk{display:flex;align-items:center;gap:var(--spacing-s);color:var(--color-text-tertiary);font-size:var(--text-sm)}.api-key-header.svelte-164kqkk{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-l)}.api-key-actions.svelte-164kqkk{display:flex;gap:var(--spacing-s)}.api-key-display.svelte-164kqkk{position:relative;margin-bottom:var(--spacing-l)}.api-key-input-container.svelte-164kqkk{position:relative;display:flex;align-items:center}.api-key-input.svelte-164kqkk{width:100%;padding-right:80px}.api-key-input-container.svelte-164kqkk .api-key-status-badge:where(.svelte-164kqkk){position:absolute;right:var(--spacing-s);top:50%;transform:translateY(-50%);font-size:var(--text-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--border-radius-s)}.status-active.svelte-164kqkk{background:var(--color-container-success, #dcfce7);color:var(--color-text-success, #16a34a);border:1px solid var(--color-divider-success, #bbf7d0)}.status-deleted.svelte-164kqkk{background:var(--color-container-error, #fef2f2);color:var(--color-text-error, #dc2626);border:1px solid var(--color-divider-error, #fecaca)}.status-inactive.svelte-164kqkk{background:var(--color-container-tertiary, #f1f5f9);color:var(--color-text-tertiary, #64748b);border:1px solid var(--color-divider-subtle, #e2e8f0)}.api-key-success.svelte-164kqkk{display:flex;align-items:center;gap:var(--spacing-s);margin-top:var(--spacing-l);color:var(--color-text-success);font-size:var(--text-sm)}.api-key-info.svelte-164kqkk{display:flex;align-items:center;gap:var(--spacing-s);margin-top:var(--spacing-l);color:var(--color-text-tertiary);font-size:var(--text-sm)}.info-icon.svelte-164kqkk{width:12px;height:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.details-section.svelte-164kqkk{margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl);border-top:1px solid var(--color-divider-subtle)}.details-section.svelte-164kqkk h4:where(.svelte-164kqkk){margin:0 0 var(--spacing-l) 0;color:var(--color-text-primary)}.details-list.svelte-164kqkk{display:flex;flex-direction:column;gap:var(--spacing-m)}.detail-item.svelte-164kqkk{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-m) 0;border-bottom:1px solid var(--color-divider-subtle)}.detail-item.svelte-164kqkk:last-child{border-bottom:none}.detail-label.svelte-164kqkk{font-size:var(--text-sm);color:var(--color-text-secondary);min-width:140px;flex-shrink:0;font-weight:600}.detail-value.svelte-164kqkk{font-size:var(--text-sm);color:var(--color-text-primary);font-family:var(--mono-font);word-break:break-all;text-align:right;flex:1}.support-card.svelte-164kqkk{text-align:center}.support-card.svelte-164kqkk .support-content:where(.svelte-164kqkk){display:flex;flex-direction:column;align-items:center;gap:var(--spacing-l)}.support-card.svelte-164kqkk .support-content:where(.svelte-164kqkk) h3:where(.svelte-164kqkk){margin:0}.support-card.svelte-164kqkk .support-content:where(.svelte-164kqkk) p:where(.svelte-164kqkk){margin:0}.support-card.svelte-164kqkk .btn:where(.svelte-164kqkk){width:100%;max-width:200px}.rotate-dialog-content.svelte-164kqkk{display:flex;flex-direction:column;gap:var(--spacing-xl)}.rotate-warning.svelte-164kqkk{display:flex;align-items:center;gap:var(--spacing-m);padding:var(--spacing-l);background:var(--color-container-warning, #fffbe6);border:1px solid var(--color-divider-warning, #ffe58f);border-radius:var(--border-radius-m);color:var(--color-text-warning, #ad8b00);font-weight:600;margin-bottom:var(--spacing-xl)}.warning-icon.svelte-164kqkk{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hidden-form.svelte-164kqkk{display:none}