.settings-backdrop.svelte-njt755{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:1000;pointer-events:none;transition:background-color .3s ease,backdrop-filter .3s ease}.settings-backdrop.open.svelte-njt755{pointer-events:auto;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-panel.svelte-njt755{position:fixed;top:0;right:0;height:100%;background-color:#fff;box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1001;display:flex;flex-direction:column;width:min(85vw,360px)}@media (min-width: 768px){.settings-panel.svelte-njt755{width:400px}}@media (min-width: 1024px){.settings-panel.svelte-njt755{width:480px}}.settings-panel.open.svelte-njt755{transform:translate(0)}.panel-header.svelte-njt755{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.panel-title.svelte-njt755{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.close-button.svelte-njt755{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;border:none;background-color:transparent;color:#6b7280;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.close-button.svelte-njt755:hover{background-color:#f3f4f6;color:#111827}.close-button.svelte-njt755:focus{outline:2px solid #3b82f6;outline-offset:2px}.panel-content.svelte-njt755{flex:1;overflow-y:auto;padding:1.5rem}.setting-group.svelte-njt755{margin-bottom:2rem}.setting-group.svelte-njt755:last-child{margin-bottom:0}.setting-group-title.svelte-njt755{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 1rem}.setting-item.svelte-njt755{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.setting-item.svelte-njt755:last-child{border-bottom:none}.setting-label.svelte-njt755{font-size:.9375rem;color:#374151;flex:1}.setting-checkbox.svelte-njt755{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#3b82f6}.setting-select.svelte-njt755{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:border-color .2s ease}.setting-select.svelte-njt755:hover{border-color:#9ca3af}.setting-select.svelte-njt755:focus{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}@media (prefers-reduced-motion: reduce){.settings-backdrop.svelte-njt755,.settings-panel.svelte-njt755,.close-button.svelte-njt755,.setting-select.svelte-njt755{transition:none}}@media (prefers-contrast: high){.settings-panel.svelte-njt755{border-left:2px solid #000}.close-button.svelte-njt755:focus{outline-width:3px}}@media (prefers-color-scheme: dark){.settings-panel.svelte-njt755{background-color:#1f2937;color:#f3f4f6}.panel-title.svelte-njt755{color:#f3f4f6}.panel-header.svelte-njt755{border-bottom-color:#374151}.close-button.svelte-njt755{color:#9ca3af}.close-button.svelte-njt755:hover{background-color:#374151;color:#f3f4f6}.setting-group-title.svelte-njt755{color:#9ca3af}.setting-item.svelte-njt755{border-bottom-color:#374151}.setting-label.svelte-njt755{color:#e5e7eb}.setting-select.svelte-njt755{background-color:#374151;border-color:#4b5563;color:#f3f4f6}}