:root{--header-height: 64px;--header-bg: #1c1c1c;--layout-margin: 12px;--layout-margin-right: 10px;--top-bar-title-size: 24px;--top-bar-title-color: #fff;--top-bar-logo-size: 50px;--top-bar-logo-opacity: .75;--color-bg: #1a1a1a;--color-sidebar-bg: #222;--color-text: #888;--color-text-hover: #ddd;--color-text-active: #fff;--sidebar-width: 340px;--sidebar-font-size: 18px;--sidebar-color: #ddddddd5;--sidebar-color-hover: #ddd;--sidebar-color-active: #fff;--sidebar-item-pad: 16px 24px;--sidebar-item-height: 56px;--sidebar-item-width: 100%;--sidebar-item-gap: 10px;--sidebar-thumb-size: 40px;--sidebar-thumb-radius: 4px;--sidebar-hover-bg: rgba(255, 255, 255, .08);--sidebar-active-bg: rgba(255, 255, 255, .12);--sidebar-scrollbar-width: 8px;--sidebar-scrollbar-radius: 4px;--sidebar-scrollbar-margin-top: 0px;--sidebar-scrollbar-color: rgba(255,255,255,.25);--sidebar-scrollbar-color-hover: rgba(255,255,255,.45);--scrollbar-btn-size: 16px;--scrollbar-arrow-size: 9px 7px;--sidebar-item-gradient-from: rgba(34, 34, 34, .85);--sidebar-item-gradient-to: rgba(34, 34, 34, .35);--sidebar-extract-indicator: rgba(255, 255, 255, .55);--card-width: 360px;--card-aspect: 16 / 9;--card-radius: 12px;--card-gap: 16px;--card-padding: 24px;--card-overlay-from: rgba(0, 0, 0, .6);--card-title-size: 18px;--card-title-weight: 500;--card-hover-scale: 1.04;--card-hover-dur: .3s;--grid-col-min: 332px;--grid-gap: 4px;--grid-padding-top: 0px;--grid-padding-right: 8px;--grid-padding-bottom: 8px;--grid-padding-left: 16px;--thumb-aspect: 16 / 9;--thumb-radius: 0px;--thumb-overlay: rgba(0, 0, 0, .5);--thumb-overlay-dur: 225ms;--thumb-select-color: #4c6c6e;--thumb-select-glow: rgba(0, 229, 255, .35);--thumb-select-border-width: 2px;--thumb-checkbox-size: 18px;--thumb-checkbox-inset: 8px;--thumb-checkbox-radius: 3px;--thumb-checkbox-bg: rgba(0, 0, 0, .55);--thumb-checkbox-color: #4c6c6e;--color-danger: #427079;--color-danger-hover-bg: rgba(255, 29, 13, .582);--color-hide: #4a7a6a;--color-hide-hover-bg: rgba(0, 180, 130, .15);--thumb-hidden-opacity: .35;--thumb-hidden-brightness: .4;--top-bar-order-delete: 0;--top-bar-order-hide: 1;--top-bar-order-lang: 2;--top-bar-order-help: 3;--top-bar-order-settings: 4;--viewer-bg: #000;--viewer-toolbar-h: 80px;--viewer-toolbar-gradient: rgba(0, 0, 0, .6);--ctrl-back-size: 48px;--ctrl-back-icon-size: 36px;--ctrl-back-radius: 50%;--ctrl-back-bg: transparent;--ctrl-back-hover-bg: rgba(255, 255, 255, .12);--ctrl-nav-size: 48px;--ctrl-nav-icon-size: 36px;--ctrl-nav-radius: 50%;--ctrl-nav-bg: rgba(0, 0, 0, .55);--ctrl-nav-hover-bg: rgba(255, 255, 255, .18);--version-font-size: 11px;--lang-code-font-size: 15px;--lang-code-color: #fff;--lang-code-opacity: .5;--section-header-font-size: 13px;--section-header-color: rgba(255, 255, 255, .5);--section-header-border: rgba(255, 255, 255, .07);--section-header-pad: 20px 0 12px;--section-gap: 32px;--section-header-album-font-size: 15px;--section-header-album-color: rgba(255, 255, 255, .75);--section-header-album-border: rgba(255, 255, 255, .12);--section-header-album-pad: 24px 0 14px;--sidebar-divider-color: rgba(255, 255, 255, .1);--scroll-step: 260px;--scroll-step-held: 120px;--dur-sidebar: .25s;--dur-state: .15s;--dur-overlay: 225ms;--dur-card: .3s;--dur-nav-reveal: .15s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-decel: cubic-bezier(0, 0, .2, 1);--ease-accel: cubic-bezier(.4, 0, 1, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;height:100vh;overflow:hidden}#root{height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff59}::-webkit-scrollbar-button:vertical:start:decrement,::-webkit-scrollbar-button:vertical:end:increment{display:block;height:var(--scrollbar-btn-size);background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:var(--scrollbar-arrow-size)}::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement{display:none}::-webkit-scrollbar-button:vertical:start:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M5 1L9 7H1Z' fill='rgba(255,255,255,.3)' stroke='rgba(255,255,255,.3)' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:vertical:end:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M5 7L1 1H9Z' fill='rgba(255,255,255,.3)' stroke='rgba(255,255,255,.3)' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}.sidebar::-webkit-scrollbar{width:var(--sidebar-scrollbar-width)}.sidebar::-webkit-scrollbar-track{background:transparent;margin-top:var(--sidebar-scrollbar-margin-top)}.sidebar::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--sidebar-scrollbar-radius)}.sidebar:hover::-webkit-scrollbar-thumb{background-color:var(--sidebar-scrollbar-color)}.sidebar:hover::-webkit-scrollbar-thumb:hover{background-color:var(--sidebar-scrollbar-color-hover)}.sidebar{scrollbar-color:transparent transparent}.sidebar:hover{scrollbar-color:var(--sidebar-scrollbar-color) transparent}.sidebar::-webkit-scrollbar-button:vertical:start:decrement,.sidebar::-webkit-scrollbar-button:vertical:end:increment{opacity:0;transition:opacity var(--dur-state) var(--ease-standard)}.sidebar:hover::-webkit-scrollbar-button:vertical:start:decrement,.sidebar:hover::-webkit-scrollbar-button:vertical:end:increment{opacity:1}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-bar{height:var(--header-height);background:var(--header-bg);display:flex;align-items:center;padding:0 var(--layout-margin);gap:16px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06);z-index:10}.top-bar-left{display:flex;align-items:center;gap:10px;min-width:160px;color:var(--top-bar-title-color);font-size:var(--top-bar-title-size);font-weight:500}.top-bar-logo{width:var(--top-bar-logo-size);height:var(--top-bar-logo-size);object-fit:contain;display:block;flex-shrink:0;opacity:var(--top-bar-logo-opacity)}.top-bar-title{letter-spacing:.01em}.top-bar-center{flex:1;display:flex;justify-content:center}.top-bar-search{display:flex;align-items:center;gap:10px;background:#ffffff12;border-radius:24px;padding:0 20px;height:44px;width:100%;max-width:560px;transition:background var(--dur-state) var(--ease-standard)}.top-bar-search:focus-within{background:#ffffff1c}.top-bar-search svg{fill:var(--color-text);flex-shrink:0}.top-bar-search input{background:none;border:none;outline:none;color:var(--color-text-hover);font-size:14px;width:100%;cursor:default}.top-bar-search input::placeholder{color:var(--color-text)}.top-bar-right{display:flex;align-items:center;gap:8px;min-width:160px;justify-content:flex-end}.top-bar-icon-btn{background:transparent;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-state) var(--ease-standard)}.top-bar-icon-btn svg{fill:var(--color-text)}.top-bar-icon-btn:hover{background:var(--sidebar-hover-bg)}.top-bar-icon-btn:hover svg{fill:var(--color-text-hover)}.main-container{flex:1;display:flex;overflow:hidden;padding:0 var(--layout-margin-right) 0 var(--layout-margin)}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-sidebar-bg);overflow-y:auto;padding:8px 0;display:flex;flex-direction:column;gap:var(--sidebar-item-gap);transition:width var(--dur-sidebar) var(--ease-standard)}.sidebar--closed{width:0;overflow:hidden;padding:0}.sidebar-item{display:flex;align-items:center;gap:12px;padding:var(--sidebar-item-pad);min-height:var(--sidebar-item-height);width:var(--sidebar-item-width);text-decoration:none;color:var(--sidebar-color);transition:background var(--dur-state) var(--ease-standard),color var(--dur-state) var(--ease-standard)}.sidebar-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-color-hover)}.sidebar-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-color-active)}.sidebar-thumb{width:var(--sidebar-thumb-size);height:var(--sidebar-thumb-size);object-fit:cover;border-radius:var(--sidebar-thumb-radius);background:#333;flex-shrink:0}.sidebar-title{font-size:var(--sidebar-font-size);font-weight:500;letter-spacing:.01em}.sidebar-version{margin-top:auto;padding:12px 24px;font-size:var(--version-font-size);color:var(--color-text);-webkit-user-select:none;user-select:none;flex-shrink:0}.main-content{flex:1;overflow-y:auto;min-width:0}.albums-container{padding:var(--card-padding);display:flex;flex-wrap:wrap;gap:var(--card-gap)}.album-card{position:relative;border-radius:var(--card-radius);overflow:hidden;aspect-ratio:var(--card-aspect);width:var(--card-width);flex-shrink:0;display:block;text-decoration:none;background:#111}.album-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--card-overlay-from) 0%,rgba(0,0,0,0) 50%)}.album-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--card-hover-dur) var(--ease-standard)}.album-card:hover .album-card-img{transform:scale(var(--card-hover-scale))}.album-card-title{position:absolute;bottom:16px;left:16px;color:#fff;font-size:var(--card-title-size);font-weight:var(--card-title-weight);line-height:1.2;z-index:1}.image-grid-container{padding:var(--grid-padding-top) var(--grid-padding-right) var(--grid-padding-bottom) var(--grid-padding-left)}.image-section+.image-section{margin-top:var(--section-gap)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-col-min),1fr));gap:var(--grid-gap)}.section-header{display:flex;align-items:center;padding:var(--section-header-pad);border-bottom:1px solid var(--section-header-border);margin-bottom:var(--grid-gap)}.section-header-title{font-size:var(--section-header-font-size);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--section-header-color)}.section-header--album{padding:var(--section-header-album-pad);border-bottom-color:var(--section-header-album-border)}.section-header--album .section-header-title{font-size:var(--section-header-album-font-size);color:var(--section-header-album-color);letter-spacing:.04em}.sidebar-item--view{font-style:italic}.sidebar-divider{margin:4px 20px;border-top:1px solid var(--sidebar-divider-color)}.thumbnail{display:block;position:relative;aspect-ratio:var(--thumb-aspect);border-radius:var(--thumb-radius);background:#111;border:none;padding:0;cursor:pointer;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.thumbnail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--thumb-overlay);opacity:0;transition:opacity var(--thumb-overlay-dur) var(--ease-standard)}.thumbnail:hover:after{opacity:1}.thumbnail--selected{box-shadow:0 0 0 var(--thumb-select-border-width) var(--thumb-select-color),0 0 12px 0 var(--thumb-select-glow);z-index:1}.thumb-checkbox{position:absolute;bottom:var(--thumb-checkbox-inset);right:var(--thumb-checkbox-inset);width:var(--thumb-checkbox-size);height:var(--thumb-checkbox-size);border-radius:var(--thumb-checkbox-radius);background:var(--thumb-checkbox-bg);border:1.5px solid rgba(255,255,255,.4);pointer-events:none;transition:background var(--dur-state) var(--ease-standard),border-color var(--dur-state) var(--ease-standard)}.thumb-checkbox--checked{background:var(--thumb-checkbox-color);border-color:var(--thumb-checkbox-color)}.thumb-checkbox--checked:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:2px solid #000;border-top:none;border-left:none;transform:rotate(45deg)}.drag-select-rect{position:fixed;pointer-events:none;border:1px solid var(--thumb-select-color);background:var(--thumb-select-glow);z-index:200}.top-bar-delete-btn{order:var(--top-bar-order-delete)}.top-bar-hide-btn{order:var(--top-bar-order-hide)}.lang-selector{order:var(--top-bar-order-lang)}.top-bar-help-btn{order:var(--top-bar-order-help)}.top-bar-settings-btn{order:var(--top-bar-order-settings)}.top-bar-delete-btn svg{fill:var(--color-danger)}.top-bar-delete-btn:hover{background:var(--color-danger-hover-bg)}.top-bar-hide-btn svg{fill:var(--color-hide)}.top-bar-hide-btn:hover{background:var(--color-hide-hover-bg)}.thumbnail--hidden img{opacity:var(--thumb-hidden-opacity);filter:brightness(var(--thumb-hidden-brightness));transition:opacity var(--dur-state) var(--ease-standard),filter var(--dur-state) var(--ease-standard)}.thumbnail--hidden.thumbnail--selected img{opacity:1;filter:none}.viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--viewer-bg);z-index:100;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.viewer-toolbar{position:absolute;top:0;left:0;right:0;height:var(--viewer-toolbar-h);background:linear-gradient(to bottom,var(--viewer-toolbar-gradient) 60%,transparent);z-index:101;display:flex;align-items:center;padding:8px}.viewer-image-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.viewer-image{max-width:100vw;max-height:100vh;object-fit:contain;display:block}.viewer-close{background:var(--ctrl-back-bg);color:#fff;border:none;width:var(--ctrl-back-size);height:var(--ctrl-back-size);border-radius:var(--ctrl-back-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--dur-state) var(--ease-standard)}.viewer-close svg{width:var(--ctrl-back-icon-size);height:var(--ctrl-back-icon-size);fill:#fff}.viewer-close:hover{background:var(--ctrl-back-hover-bg)}.viewer-nav{position:fixed;top:50%;transform:translateY(-50%);background:var(--ctrl-nav-bg);color:#fff;border:none;width:var(--ctrl-nav-size);height:var(--ctrl-nav-size);border-radius:var(--ctrl-nav-radius);cursor:pointer;z-index:101;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026;opacity:0;visibility:hidden;transition:opacity var(--dur-nav-reveal) linear,visibility var(--dur-nav-reveal) linear,background var(--dur-state) var(--ease-standard)}.viewer-nav svg{width:var(--ctrl-nav-icon-size);height:var(--ctrl-nav-icon-size);fill:#fff}.viewer-overlay:hover .viewer-nav{opacity:1;visibility:visible}.viewer-nav:hover{background:var(--ctrl-nav-hover-bg)}.viewer-prev{left:16px}.viewer-next{right:16px}.lang-selector{position:relative}.lang-flag{font-size:20px;line-height:1;display:block}.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:#1c1c1c;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px;z-index:300;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 24px #00000080}.lang-option{display:flex;align-items:center;gap:10px;padding:7px 10px;background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:start;transition:background var(--dur-state) var(--ease-standard)}.lang-option:hover{background:#ffffff12}.lang-option.active{background:#ffffff1f}.lang-option-flag{font-size:18px;line-height:1;flex-shrink:0}.lang-option-name{font-size:13px;color:var(--color-text-hover)}.lang-option.active .lang-option-name{color:var(--color-text-active);font-weight:500}.settings-lang-list{gap:4px}.settings-mode-btn.settings-lang-btn{flex-direction:row;align-items:center;gap:12px;padding:8px 14px}.settings-lang-flag{font-family:ui-monospace,Cascadia Code,Courier New,monospace;font-size:var(--lang-code-font-size);font-weight:700;letter-spacing:.04em;color:var(--lang-code-color);opacity:var(--lang-code-opacity);flex-shrink:0;width:24px;text-align:center;line-height:1}.settings-mode-btn.settings-lang-btn .settings-mode-name{line-height:1}[dir=rtl] .lang-dropdown{right:auto;left:0}[dir=rtl] .sidebar-item{box-shadow:none}[dir=rtl] .sidebar-item.active,[dir=rtl] [style*="inset 3px 0 0"]{box-shadow:inset -3px 0 0 var(--sidebar-extract-indicator)!important}.help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:200}.help-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,92vw);max-height:80vh;background:var(--color-sidebar-bg);border:1px solid rgba(255,255,255,.08);border-radius:12px;z-index:201;display:flex;flex-direction:column;overflow:hidden}.help-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.help-panel-title{font-size:14px;font-weight:600;color:var(--color-text-active);letter-spacing:.02em}.help-panel-body{overflow-y:auto;padding:16px 20px 20px}.help-table{width:100%;border-collapse:collapse;font-size:13px}.help-table th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);padding:0 8px 10px}.help-table td{padding:6px 8px;color:var(--color-text-hover);border-top:1px solid rgba(255,255,255,.04);vertical-align:middle}.help-table tr:first-child td{border-top:none}.help-hint{color:var(--color-text)!important;font-size:12px}.help-kbd-group{display:inline-flex;align-items:center;gap:4px}.help-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 6px;white-space:nowrap;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:4px;font-family:monospace;font-size:12px;font-weight:600;color:var(--color-text-active)}.shortcut-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:6px;background:#ffffff08}.shortcut-label{font-size:13px;color:var(--color-text-hover)}.shortcut-key-btn{min-width:36px;height:28px;padding:0 10px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:5px;font-family:monospace;font-size:13px;font-weight:700;color:var(--color-text-active);cursor:pointer;transition:background var(--dur-state) var(--ease-standard),border-color var(--dur-state) var(--ease-standard)}.shortcut-key-btn:hover{background:#ffffff1f}.shortcut-key-btn.listening{background:#ffffff0a;border-color:#ffffff59;color:var(--color-text);outline:none}.shortcut-key-btn.conflict{border-color:#ff646499}.shortcut-toggle{min-width:44px;height:28px;padding:0 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--color-text);cursor:pointer;transition:background var(--dur-state) var(--ease-standard)}.shortcut-toggle.active{background:#ffffff24;border-color:#ffffff38;color:var(--color-text-active)}.dbg-badge{position:fixed;bottom:16px;right:16px;background:#fac800eb;color:#000;font-family:monospace;font-size:11px;font-weight:700;letter-spacing:.06em;padding:5px 10px;border-radius:4px;z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none}.dbg-tooltip{position:fixed;z-index:9999;background:#0a0a0af5;border:1px solid rgba(250,200,0,.45);border-radius:6px;padding:10px 12px;max-width:320px;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:monospace;font-size:11px;line-height:1.55;display:flex;flex-direction:column;gap:10px}.dbg-section{display:flex;flex-direction:column;gap:2px}.dbg-selector{color:#fac800e6;font-weight:700;font-size:12px;margin-bottom:2px}.dbg-row{display:flex;justify-content:space-between;gap:12px}.dbg-name{color:#7dd3fc}.dbg-value{color:#86efac}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200}.settings-panel{position:fixed;top:0;right:0;bottom:0;width:320px;background:var(--color-sidebar-bg);border-left:1px solid rgba(255,255,255,.07);z-index:201;display:flex;flex-direction:column}.settings-panel-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.settings-panel-title{font-size:15px;font-weight:500;color:var(--color-text-active)}.settings-panel-close{background:transparent;border:none;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--dur-state) var(--ease-standard)}.settings-panel-close svg{fill:var(--color-text)}.settings-panel-close:hover{background:var(--sidebar-hover-bg)}.settings-panel-close:hover svg{fill:var(--color-text-active)}.settings-panel-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-section-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text)}.settings-title-input{width:100%;box-sizing:border-box;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:9px 14px;font-size:13px;font-weight:500;color:var(--color-text-active);outline:none;transition:border-color var(--dur-state) var(--ease-standard)}.settings-title-input::placeholder{color:var(--color-text)}.settings-title-input:focus{border-color:#ffffff47}.settings-mode-list{display:flex;flex-direction:column;gap:6px}.settings-mode-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px 14px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:background var(--dur-state) var(--ease-standard),border-color var(--dur-state) var(--ease-standard)}.settings-mode-btn.active{background:var(--sidebar-active-bg);border-color:#ffffff2e}.settings-mode-btn:hover:not(.active){background:var(--sidebar-hover-bg)}.settings-mode-name{font-size:13px;font-weight:500;color:var(--color-text-active);display:block}.settings-mode-btn:not(.active) .settings-mode-name{color:var(--color-text-hover)}.settings-mode-hint{font-size:11px;color:var(--color-text);line-height:1.45;display:block}