:root{--surface-app: #edf1f8;--surface-card: #ffffff;--surface-muted: #f8fafc;--surface-emphasis: linear-gradient(135deg, #eff6ff 0%, #eef2ff 45%, #fdf2f8 100%);--border-subtle: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .16);--shadow-soft: 0 18px 40px -32px rgba(15, 23, 42, .56);--shadow-card: 0 22px 60px -40px rgba(8, 15, 35, .55);--brand-400: #60a5fa;--brand-500: #2563eb;--brand-600: #1d4ed8;--brand-700: #1e3a8a;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--warning-400: #facc15;--warning-500: #f59e0b;--warning-600: #d97706;--critical-400: #f87171;--critical-500: #ef4444;--critical-600: #dc2626;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-soft: #94a3b8;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px}body{font-family:Inter,Helvetica Neue,Arial,sans-serif}ui-nav-menu:not(:defined){display:none}s-button:not(:defined){display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--brand-400);background:var(--brand-500);color:#fff;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;box-shadow:0 6px 14px -14px #2563eb73}s-button:focus-visible,s-button:not(:defined):focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}s-button[variant=secondary]:not(:defined){background:#fff;color:var(--brand-700);border-color:var(--border-subtle)}s-button[variant=tertiary]:not(:defined){background:#fff;color:var(--text-secondary);border-color:var(--border-subtle)}.settings-progress__item s-button,.selection-panel s-button,.tag-panel s-button,.settings-section-card__cta s-button,.settings-hero__buttons s-button{cursor:pointer}.chip-group s-button:not(:defined){display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--border-subtle);background:#fff;color:var(--text-secondary);box-shadow:0 2px 6px -4px #0f172a40}.chip-group--selected s-button:not(:defined){background:#ef444414;color:var(--critical-600);border-color:#ef44443d}s-link:not(:defined){color:var(--brand-600);text-decoration:underline;cursor:pointer}.settings-screen{min-height:100vh;padding:var(--space-2xl);padding-bottom:calc(var(--space-2xl) + env(safe-area-inset-bottom,0px))}.settings-container{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2xl)}.settings-card{position:relative;background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);padding:var(--space-lg) var(--space-xl);overflow:hidden}.settings-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0a}.settings-card.settings-hero{padding:calc(var(--space-lg) + 8px) var(--space-xl);background:var(--surface-emphasis);box-shadow:0 30px 60px -40px #0f172acc}.settings-card.settings-hero:before{content:"";position:absolute;width:360px;height:360px;right:-140px;bottom:-200px;background:radial-gradient(54% 54% at 50% 50%,#2563eb66,#6366f100);filter:blur(0px);opacity:.8}.settings-hero__header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);z-index:1}.settings-hero__title{display:flex;align-items:center;gap:var(--space-md)}.settings-hero__title h1{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.settings-hero__title p{margin:0;color:var(--text-secondary);font-size:14px}.settings-hero__actions{display:flex;align-items:center;gap:var(--space-md)}.language-switcher{display:flex;align-items:center;gap:var(--space-sm);font-size:12px;color:var(--text-muted)}.language-switcher select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-subtle);border-radius:999px;background:#fff;padding:6px 28px 6px 14px;font-size:12px;color:var(--text-secondary);cursor:pointer;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%2394a3b8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px;box-shadow:0 6px 16px -16px #0f172a2e}.language-switcher select:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.language-switcher--static{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.language-switcher__value{font-weight:600;color:var(--text-secondary)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-weight:600;font-size:14px;border:1px solid transparent;background:#0f172a0f;color:var(--text-secondary)}.status-pill--success{background:#22c55e1f;color:var(--success-600);border-color:#22c55e3d}.status-pill--warning{background:#f59e0b24;color:var(--warning-600);border-color:#f59e0b3d}.status-pill--critical{background:#ef44441f;color:var(--critical-600);border-color:#ef44443d}.status-pill--neutral{background:#94a3b829;color:var(--text-muted);border-color:#94a3b83d}.settings-hero__buttons{display:flex;align-items:center;gap:var(--space-sm)}.settings-hero__meta{margin-top:var(--space-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg);z-index:1}.settings-hero__metric{background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.18);padding:var(--space-md);display:flex;flex-direction:column;gap:6px;transition:transform .2s ease,box-shadow .2s ease}.settings-hero__metric:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}.metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft)}.metric-value{font-size:16px;font-weight:600;color:var(--text-primary)}.metric-description{font-size:12px;color:var(--text-muted)}.settings-hero__metric--success .metric-value{color:var(--success-600)}.settings-hero__metric--warning .metric-value{color:var(--warning-600)}.settings-hero__metric--critical .metric-value{color:var(--critical-600)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl)}.settings-grid--sidebar{grid-template-columns:360px 1fr;gap:var(--space-xl);align-items:start}.settings-sidebar{position:sticky;top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.settings-main{display:flex;flex-direction:column;gap:var(--space-lg);min-width:0}.settings-banner{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-card)}.settings-banner--warning{background:#f59e0b0d;border-color:#f59e0b3d}.settings-banner__icon{flex-shrink:0}.settings-banner__content{flex:1;min-width:0}.settings-banner__content h3{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--text-primary)}.settings-banner__content p{margin:0;font-size:13px;color:var(--text-secondary)}.settings-banner__action{flex-shrink:0}.settings-progress__header h2,.settings-summary__header h2,.settings-config__header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.settings-progress__header p,.settings-summary__header p,.settings-config__header p{margin:6px 0 0;color:var(--text-secondary)}.settings-progress__list{margin-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.settings-progress__item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-muted);transition:border-color .2s ease,transform .2s ease}.settings-progress__item:hover{border-color:#2563eb4d;transform:translateY(-2px)}.settings-progress__item--completed{background:#22c55e14;border-color:#22c55e29}.settings-progress__item--error{background:#ef444414;border-color:#ef444429}.settings-progress__content{flex:1;display:flex;flex-direction:column;gap:6px}.settings-progress__content h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.settings-progress__content p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5}.settings-progress__error{font-size:12px;color:var(--critical-600)}.settings-progress__action{display:flex;align-items:center;margin-left:auto}.settings-summary__list{margin-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.settings-summary__item{display:flex;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#f8fafcb3}.summary-title{font-size:14px;font-weight:600;color:var(--text-secondary)}.summary-value{display:block;font-size:16px;font-weight:600;color:var(--text-primary);margin-top:4px}.summary-helper{display:block;margin-top:4px;font-size:12px;color:var(--text-muted)}.settings-card h1{font-size:20px}.settings-card h2{font-size:18px}.settings-card.settings-config{background:linear-gradient(180deg,#f8fafcf5,#fffffff0);box-shadow:var(--shadow-soft)}.settings-config__header{margin-bottom:var(--space-lg)}.settings-form{display:flex;flex-direction:column;gap:var(--space-xl)}.settings-form__banner{margin-bottom:var(--space-md)}.banner-message{display:flex;flex-direction:column;gap:4px}.banner-message__title{font-weight:600;color:var(--text-primary)}.banner-message__body{color:var(--text-secondary);font-size:14px}.settings-section-card{background:var(--surface-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:var(--space-lg);box-shadow:inset 0 0 0 1px #ffffff05;display:flex;flex-direction:column;gap:var(--space-lg)}.settings-section-card__header{display:flex;align-items:center;gap:var(--space-md);flex-wrap:nowrap;min-width:0}.settings-section-card__titles{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-section-card__titles h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-section-card__titles p{margin:0;color:var(--text-secondary);font-size:13px}.settings-section-card__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm)}.settings-section-card__body{display:flex;flex-direction:column;gap:var(--space-lg)}.settings-section-card__cta{display:flex;align-items:center;gap:var(--space-sm)}.settings-progress__action s-button,.settings-section-card__cta s-button{box-sizing:border-box;max-width:100%}.settings-footnote{margin-top:8px;color:var(--text-muted);font-size:12px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:#111111f0;color:#fff;border-radius:10px;padding:10px 14px;display:none;align-items:center;gap:8px;z-index:1000;box-shadow:0 18px 40px -22px #0009}.toast.is-visible{display:flex}.toast__content{font-size:13px}.toast__close{background:transparent;border:0;color:#fff;cursor:pointer;display:flex;align-items:center}.field-grid{display:grid;gap:var(--space-lg)}.field-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid--one{grid-template-columns:minmax(0,1fr)}.form-hint{padding:var(--space-sm) var(--space-md);border-radius:10px;background:#2563eb14;border:1px solid rgba(37,99,235,.16)}.form-hint__text{margin-top:-6px}.subsection{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-muted)}.subsection__header{display:flex;align-items:center;gap:var(--space-md)}.subsection__header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.subsection__header p{margin:4px 0 0;color:var(--text-secondary);font-size:12px}.subsection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg)}.selection-panel{display:flex;flex-direction:column;gap:var(--space-md)}.selection-panel__chips,.selection-panel__section{display:flex;flex-direction:column;gap:var(--space-sm)}.selection-panel__title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.selection-panel__divider{display:block;width:100%;margin:var(--space-md) 0;border:0;height:0;border-top:1px solid var(--border-strong)}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.chip-group--selected s-button{--tone-critical: var(--critical-500)}.option-picker{position:relative}.option-picker__dropdown{position:absolute;left:0;right:0;margin-top:6px;background:#fff;border:1px solid var(--border-subtle);border-radius:10px;box-shadow:0 18px 40px -32px #0f172a8f;max-height:260px;overflow:auto;z-index:10}.option-picker__item{padding:8px 12px;font-size:12px;color:var(--text-secondary);cursor:pointer}.option-picker__item:hover,.option-picker__item.is-active{background:#6366f114;color:var(--text-primary)}.selection-panel__search .text-input{width:100%;max-width:100%;box-sizing:border-box;border:1px solid var(--border-subtle);border-radius:10px;padding:8px 12px;font-size:12px;color:var(--text-secondary);background:#fff;outline:none;box-shadow:0 6px 16px -16px #0f172a2e}.selection-panel__search .text-input:focus{border-color:var(--brand-400);box-shadow:0 0 0 2px #2563eb26}.settings-card s-text{font-size:12px}.tag-panel{display:flex;flex-direction:column;gap:var(--space-md)}.tag-panel__action{display:flex;justify-content:flex-start}.settings-progress__item s-button,.selection-panel s-button,.tag-panel s-button,.settings-section-card__cta s-button,.settings-hero__buttons s-button{border-radius:999px;padding-left:18px;padding-right:18px}.fade-in{animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.fade-in{animation:none!important}.settings-hero__metric:hover{transform:none}}@media(max-width:1024px){.settings-grid--sidebar{grid-template-columns:1fr}.settings-sidebar{position:static;order:1}.settings-main{order:2}.settings-hero__meta{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:840px){.settings-screen{padding:var(--space-xl)}.settings-card{padding:var(--space-lg)}.settings-hero__header{flex-direction:column;align-items:flex-start}.settings-hero__actions{width:100%;justify-content:space-between}.settings-banner{flex-direction:column}.settings-banner__action{width:100%}.settings-banner__action s-button{width:100%;box-sizing:border-box}.settings-section-card__actions{margin-left:auto;justify-content:flex-end}.settings-progress__item{flex-wrap:wrap}.settings-progress__action{width:100%;justify-content:flex-end;margin-left:0;margin-top:var(--space-sm)}.settings-progress__action s-button{width:100%;max-width:100%;box-sizing:border-box}}@media(max-width:768px){.settings-screen{padding:var(--space-lg)}.field-grid--two{grid-template-columns:minmax(0,1fr)}.settings-section-card__header{flex-wrap:wrap;align-items:flex-start}.settings-section-card__titles h3{white-space:normal}.settings-section-card__actions{width:100%;margin-left:0;margin-top:var(--space-sm);justify-content:flex-start}.settings-section-card__cta{width:100%;flex-direction:column;align-items:stretch}.settings-section-card__cta s-button{width:100%;box-sizing:border-box}.selection-panel s-button{font-size:12px}.selection-panel s-button:not(:defined){font-size:12px}.chip-group s-button{padding-left:12px;padding-right:12px;white-space:normal;overflow-wrap:anywhere}}.selection-panel,.option-picker,.selection-panel__search{min-width:0}