.chat-settings-container{justify-content:space-between;gap:var(--space-3);block-size:100%;font-size:var(--text-sm);flex-direction:column;display:flex}.chat-settings-scrollable{padding-inline-end:var(--space-2);padding-block:var(--space-1);min-block-size:0;max-block-size:100%;overflow-y:auto}.chat-settings-content{gap:var(--space-3);flex-direction:column;min-block-size:0;max-block-size:100%;padding-inline-end:var(--space-2);display:flex;overflow-y:auto}.settings-section{margin-block-end:var(--space-6)}.settings-section-header{justify-content:space-between;align-items:center;margin-block-end:var(--space-1);display:flex}.settings-section-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.settings-section-subtitle{font-size:var(--text-xs);color:var(--text-tertiary)}.settings-section-description{font-size:var(--text-xs);color:var(--text-secondary);margin-block-start:var(--space-2)}.settings-item{flex-direction:column;display:flex}.settings-item-row{padding-block:var(--space-1);justify-content:space-between;align-items:center;inline-size:100%;display:flex}.settings-item-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.settings-item-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.settings-item-value{align-items:center;display:flex;position:relative}.settings-toggle-button{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;align-items:center;min-width:44px;min-height:44px;display:flex}.settings-toggle-button:hover{background:var(--color-neutral-100)}.dark .settings-toggle-button:hover{background:var(--theme-surface-card)}.settings-toggle-label{align-self:center;margin-inline-start:var(--space-2)}.settings-action-button{padding:var(--space-2) var(--space-4);font-weight:var(--font-medium);border-radius:var(--shape-button,12px);border:1px solid var(--border-color-default);color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0}.settings-action-button:hover{background:var(--color-black-alpha-5)}.dark .settings-action-button:hover{background:var(--color-white-alpha-5)}.settings-select{inline-size:fit-content;padding-inline-end:var(--space-8);padding-block:var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-md);color:var(--text-primary);text-align:end;background:0 0;border:none;outline:2px solid #0000;padding-inline-start:var(--space-2)}.dark .settings-select{background:var(--color-surface)}.settings-select-full{inline-size:100%;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-lg);border:1px solid var(--border-color-default);background:var(--surface-card);color:var(--text-primary);outline:2px solid #0000}.dark .settings-select-full{background:var(--theme-surface-card);color:var(--theme-color-text-secondary)}.settings-textarea{inline-size:100%;padding:var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-lg);border:1px solid var(--border-color-default);background:var(--surface-card);color:var(--text-primary);resize:none;outline:2px solid #0000}.dark .settings-textarea{background:var(--color-surface);color:var(--color-text-primary)}.settings-divider{border:none;border-block-start:1px solid var(--border-color-muted);margin-block:var(--space-3)}.dark .settings-divider{border-block-start-color:var(--theme-color-border)}.settings-footer{font-size:var(--text-sm);font-weight:var(--font-medium);justify-content:flex-end;padding-block-start:var(--space-3);display:flex}.settings-save-button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);cursor:pointer;border:none}.chat-filters-wrapper{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);display:flex}.filter-toggle-group{align-items:center;gap:var(--space-2);display:flex}.filter-option-list{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.filter-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-neutral-100);border:1px solid var(--border-color-muted);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);display:inline-flex}.dark .filter-chip{background:var(--theme-surface-card);border-color:var(--theme-color-border)}.filter-chip:hover{background:var(--color-neutral-200);border-color:var(--color-neutral-400)}.dark .filter-chip:hover{background:var(--theme-surface-hover);border-color:var(--theme-color-border-hover)}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.import-export-list{gap:var(--space-2);flex-direction:column;display:flex}.import-export-button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);inline-size:100%;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;display:flex}.import-export-button:hover{background:var(--color-neutral-200)}.dark .import-export-button:hover{background:var(--theme-surface-card)}.import-export-icon{align-self:center;margin-inline-end:var(--space-3)}.confirmation-row{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);inline-size:100%;transition:background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;display:flex}.confirmation-content{align-items:center;gap:var(--space-3);display:flex}.confirmation-actions{align-items:center;gap:var(--space-2);display:flex}.confirmation-action-button{padding:var(--space-1);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none}.confirmation-action-button:hover{color:var(--text-inverse)}.advanced-toggle-row{font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.advanced-toggle-label{font-weight:var(--font-medium);color:var(--text-primary)}.advanced-toggle-button{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;min-width:44px;min-height:44px}.advanced-toggle-button:hover{color:var(--text-primary)}.debug-banner{padding:var(--space-2);background:color-mix(in srgb, var(--color-warning) 15%, var(--surface-background));border:1px solid color-mix(in srgb, var(--color-warning) 50%, transparent);border-radius:var(--radius-md);font-size:var(--text-xs);margin-block-end:var(--space-2);line-height:1.5}.dark .debug-banner{background:var(--color-warning-alpha-10);border-color:var(--color-warning-alpha-30)}.settings-space-y-1>*+*{margin-block-start:var(--space-1)}.settings-space-y-2>*+*{margin-block-start:var(--space-2)}.settings-space-y-3>*+*{margin-block-start:var(--space-3)}.settings-mt-1{margin-block-start:var(--space-1)}.settings-mt-2{margin-block-start:var(--space-2)}.settings-mt-3{margin-block-start:var(--space-3)}.settings-mt-4{margin-block-start:var(--space-4)}.settings-mt-6{margin-block-start:var(--space-6)}.settings-my-3{margin-block:var(--space-3)}.settings-mb-1{margin-block-end:var(--space-1)}.settings-mb-2{margin-block-end:var(--space-2)}.settings-mb-3{margin-block-end:var(--space-3)}.settings-mb-4{margin-block-end:var(--space-4)}.settings-mb-6{margin-block-end:var(--space-6)}.settings-ml-1{margin-inline-start:var(--space-1)}.settings-ml-2{margin-inline-start:var(--space-2)}.settings-icon-sm{block-size:1rem;inline-size:1rem}.settings-icon-md{block-size:1.25rem;inline-size:1.25rem}@media (width<=768px){.chat-settings-scrollable,.chat-settings-content{max-block-size:100%}.settings-item-row{align-items:flex-start;gap:var(--space-2);flex-direction:column}.settings-toggle-button{min-width:48px;min-height:48px;padding:var(--space-2) var(--space-4);align-self:flex-start}}