settings-menu{display:block;width:280px;min-width:280px;height:100%;border-right:1px solid var(--md-sys-color-outline, #3e3e42);overflow-y:auto}settings-menu .settings-menu-container{display:flex;flex-direction:column;height:100%}settings-menu,settings-menu .settings-menu-header{background-color:var(--md-sys-color-surface-container, #2d2d30)}settings-menu .settings-menu-header{display:flex;align-items:center;gap:12px;padding:20px 16px;border-bottom:1px solid var(--md-sys-color-outline, #3e3e42)}settings-menu .settings-menu-header icon{font-size:24px;color:var(--md-sys-color-primary, #6a5acd)}settings-menu .settings-menu-header h3{margin:0;font-size:18px;font-weight:500;color:var(--md-sys-color-on-surface, #e0e0e0)}settings-menu .settings-menu-list{flex:1;padding:8px 0}settings-menu .settings-category{margin-bottom:4px}settings-menu .category-header{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:0 0;border:0;color:var(--md-sys-color-on-surface, #e0e0e0);cursor:pointer;transition:background-color .2s;text-align:left;font-size:14px;font-weight:500}settings-menu .category-header:hover{background-color:var(--md-sys-color-surface-container-highest, #3e3e42)}settings-menu .category-header .category-icon{font-size:20px;color:var(--md-sys-color-primary, #6a5acd)}settings-menu .category-header .category-label{flex:1}settings-menu .category-header .expand-icon{font-size:20px;color:var(--md-sys-color-on-surface-variant, #a0a0a0);transition:transform .2s}settings-menu .category-subsections{padding-left:16px;background-color:var(--md-sys-color-surface, #1e1e1e)}settings-menu .subsection-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:0 0;border:0;border-left:2px solid transparent;color:var(--md-sys-color-on-surface-variant, #a0a0a0);cursor:pointer;transition:all .2s;text-align:left;font-size:13px}settings-menu .subsection-item:hover{background-color:var(--md-sys-color-surface-container, #2d2d30);color:var(--md-sys-color-on-surface, #e0e0e0)}settings-menu .subsection-item[active]{background-color:var(--md-sys-color-primary-container, #3a2f5a);border-left-color:var(--md-sys-color-primary, #6a5acd);color:var(--md-sys-color-on-primary-container, #e0d0ff)}settings-menu .subsection-item icon{font-size:18px;color:inherit}@media (max-width:768px){settings-menu{width:100%;min-width:100%;height:auto;max-height:200px;border-right:none;border-bottom:1px solid var(--md-sys-color-outline, #3e3e42)}settings-menu .settings-menu-header{padding:12px 16px}settings-menu .category-subsections{padding-left:8px}}@media (max-width:480px){settings-menu{max-height:150px}settings-menu .category-header,settings-menu .subsection-item{padding:8px 12px}settings-menu .settings-menu-header h3{font-size:16px}}