:root,.theme-dark{--sidebar-bg: #282c34;--sidebar-text: #abb2bf;--sidebar-header-color: #61dafb;--sidebar-border: #3a3f47;--sidebar-shadow: rgba(0, 0, 0, .5);--section-bg: #3a3f47;--item-border: #5a606b;--input-bg: #454b54;--input-text: #abb2bf;--input-border: #5a606b;--button-bg: #61dafb;--button-text: #282c34;--button-hover-bg: #a4d9f5;--pre-bg: #3a3f47;--pre-text: #abb2bf;--tooltip-bg: #5a606b;--tooltip-text: #abb2bf;--tooltip-border: #7a808b;--icon-sun-color: #f39c12;--icon-moon-color: #f1c40f;--slider-track-color: var(--input-bg);--slider-thumb-color: var(--sidebar-header-color);--notification-progress-bg: #5a606b;--notification-progress-fill: var(--sidebar-header-color);--notification-success-color: #2ecc71;--notification-error-color: #e74c3c;--notification-shadow: rgba(0, 0, 0, .3);--notification-close-hover-bg: rgba(255, 255, 255, .1)}.theme-light{--sidebar-bg: #ffffff;--sidebar-text: #333;--sidebar-header-color: #0056b3;--sidebar-border: #e9e9e9;--sidebar-shadow: rgba(0, 0, 0, .2);--section-bg: #f4f4f4;--item-border: #ddd;--input-bg: #ffffff;--input-text: #333;--input-border: #ccc;--button-bg: #007bff;--button-text: #ffffff;--button-hover-bg: #0056b3;--pre-bg: #e9e9e9;--pre-text: #333;--tooltip-bg: #333;--tooltip-text: #ffffff;--tooltip-border: #555;--slider-track-color: var(--item-border);--slider-thumb-color: var(--sidebar-header-color);--notification-progress-bg: #e0e0e0;--notification-progress-fill: var(--sidebar-header-color);--notification-success-color: #27ae60;--notification-error-color: #c0392b;--notification-shadow: rgba(0, 0, 0, .15);--notification-close-hover-bg: rgba(0, 0, 0, .08)}.sidebar{position:fixed;top:0;left:0;width:280px;height:calc(var(--vh, 1vh) * 100);background-color:var(--sidebar-bg);box-shadow:2px 0 5px var(--sidebar-shadow);transform:translate(-100%);transition:transform .3s ease-in-out,background-color .3s ease,color .3s ease;z-index:1010;padding:20px;box-sizing:border-box;overflow-y:auto;color:var(--sidebar-text);font-family:sans-serif;font-size:14px}.sidebar.is-open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--sidebar-border)}.header-controls{display:flex;align-items:center;gap:10px}.header-action-button{background:none;border:none;padding:4px;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sidebar-text);border-radius:4px;transition:background-color .2s ease}.header-action-button:hover{background-color:#80808033}.header-action-button.active{background-color:var(--sidebar-header-color);color:var(--button-text)}.header-action-button svg{fill:currentColor;display:block}.sidebar h2{margin:0;font-size:1.5em;color:var(--sidebar-header-color)}.sidebar h3{margin-top:0;margin-bottom:10px;font-size:1.2em;color:var(--sidebar-header-color)}.theme-toggle{width:40px;height:20px;border-radius:10px;background-color:var(--item-border);position:relative;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;padding:0 2px;box-sizing:border-box;overflow:hidden}.theme-toggle .icon{position:absolute;width:16px;height:16px;top:2px;transition:transform .3s ease,opacity .3s ease}.theme-toggle .icon path,.theme-toggle .icon circle{fill:currentColor}.theme-toggle .icon line{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .moon-icon{left:2px;opacity:1;transform:translate(0);color:var(--icon-moon-color)}.theme-toggle .sun-icon{left:2px;opacity:0;transform:translate(100%);color:var(--icon-sun-color)}.theme-toggle.light .moon-icon{opacity:0;transform:translate(100%)}.theme-toggle.light .sun-icon{opacity:1;left:auto;right:2px;transform:translate(0)}.sidebar-action-buttons{display:flex;justify-content:space-around;align-items:center;margin-bottom:20px;padding:10px 0;border-bottom:1px solid var(--sidebar-border)}.action-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--item-border);border-radius:8px;background-color:var(--input-bg);color:var(--sidebar-text);cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;outline:none}.action-button svg{fill:currentColor;width:60%;height:60%;pointer-events:none}.action-button:hover{border-color:var(--sidebar-header-color);background-color:var(--section-bg)}.action-button.active{background-color:var(--sidebar-header-color);color:var(--button-text);border-color:var(--sidebar-header-color)}.action-button.active:hover{background-color:var(--button-hover-bg);border-color:var(--button-hover-bg)}.sidebar-section{margin-bottom:10px;padding:0;border-radius:8px;background-color:var(--section-bg);border:1px solid var(--item-border);overflow:hidden}.sidebar-section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;cursor:pointer;user-select:none;transition:background-color .2s ease}.sidebar-section-header:hover{background-color:#8080801a}.sidebar-section-header h3{margin:0;font-size:1.2em;color:var(--sidebar-header-color)}.section-toggle-icon{display:flex;align-items:center;color:var(--sidebar-text);margin-left:10px}.sidebar-section-content{padding:10px 15px 15px}.dev-setting-item label,.gauge-label{font-weight:700;font-size:.9em;color:var(--sidebar-text)}.dev-setting-item #encoderSelect,.dev-setting-item #resolutionPresetSelect,.dev-setting-item #uiScalingSelect,.dev-setting-item .audio-device-select{width:100%;padding:8px;border:1px solid var(--input-border);border-radius:8px;background-color:var(--input-bg);color:var(--input-text);font-size:1em;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23abb2bf%22%20d%3D%22M287%2C114.7L159.1%2C282.6c-3.2%2C3.2-8.3%2C3.2-11.6%2C0L5.5%2C114.7c-3.2-3.2-3.2-8.3%2C0-11.6l10.3-10.3c3.2-3.2%2C8.3-3.2%2C11.6%2C0l124.9%2C124.9l124.9-124.9c3.2-3.2%2C8.3-3.2%2C11.6%2C0l10.3%2C10.3C290.3%2C106.5%2C290.3%2C111.5%2C287%2C114.7z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 8px top 50%;background-size:12px auto;transition:border-color .2s ease}.theme-light .dev-setting-item #encoderSelect,.theme-light .dev-setting-item #resolutionPresetSelect,.theme-light .dev-setting-item #uiScalingSelect,.theme-light .dev-setting-item .audio-device-select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%22292.4%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M287%2C114.7L159.1%2C282.6c-3.2%2C3.2-8.3%2C3.2-11.6%2C0L5.5%2C114.7c-3.2-3.2-3.2-8.3%2C0-11.6l10.3-10.3c3.2-3.2%2C8.3-3.2%2C11.6%2C0l124.9%2C124.9l124.9-124.9c3.2-3.2%2C8.3-3.2%2C11.6%2C0l10.3%2C10.3C290.3%2C106.5%2C290.3%2C111.5%2C287%2C114.7z%22%2F%3E%3C%2Fsvg%3E);background-color:var(--input-bg);color:var(--input-text)}.dev-setting-item #encoderSelect:hover,.dev-setting-item #resolutionPresetSelect:hover,.theme-light .dev-setting-item #uiScalingSelect,.dev-setting-item .audio-device-select:hover{border-color:var(--sidebar-header-color)}.dev-setting-item #encoderSelect:focus,.dev-setting-item #resolutionPresetSelect:focus,.dev-setting-item #uiScalingSelect:focus,.dev-setting-item .audio-device-select:focus{outline:none;border-color:var(--sidebar-header-color);box-shadow:none}.stats-gauges{display:flex;justify-content:space-around;margin-bottom:0;flex-wrap:wrap;color:var(--sidebar-text);padding:5px 0}.sidebar-section-content .stats-gauges{background-color:transparent;padding:5px 0 0;margin-bottom:0}.gauge-container{display:flex;flex-direction:column;align-items:center;margin:5px;min-width:80px;text-align:center;cursor:help}.gauge-container svg text{fill:var(--sidebar-text);pointer-events:none}.gauge-label{margin-top:5px;font-weight:700;color:var(--sidebar-text);text-align:center;font-size:.9em;pointer-events:none}.gauge-tooltip{position:fixed;padding:8px 12px;background-color:var(--tooltip-bg);color:var(--tooltip-text);border:1px solid var(--tooltip-border);border-radius:4px;font-size:.9em;z-index:1030;pointer-events:none;white-space:nowrap;transform:translate(-50%,-100%)}.toggle-handle{position:fixed;top:50%;left:0;width:15px;height:60px;transform:translateY(-50%);cursor:pointer;z-index:1020;display:flex;align-items:center;justify-content:center}.toggle-indicator{width:5px;height:40px;background-color:var(--sidebar-header-color);border-radius:3px}body{margin:0;padding:0;overflow-x:hidden;background-color:var(--sidebar-bg);color:var(--sidebar-text)}#dashboard-root{z-index:1000}.dashboard-clipboard-item{margin-bottom:15px;display:flex;flex-direction:column;gap:5px;background-color:transparent}.dashboard-clipboard-item label{font-weight:700;font-size:.9em;color:var(--sidebar-text)}.dashboard-clipboard-item textarea{width:100%;box-sizing:border-box;padding:8px;border:1px solid var(--input-border);border-radius:8px;background-color:var(--input-bg);color:var(--input-text);font-size:.9em;font-family:monospace;resize:vertical;min-height:80px;transition:border-color .2s ease,background-color .2s ease}.dashboard-clipboard-item textarea:hover{border-color:var(--sidebar-header-color)}.dashboard-clipboard-item textarea:focus{outline:none;border-color:var(--sidebar-header-color)}.dashboard-clipboard-item textarea::placeholder{color:var(--sidebar-text);opacity:.6}.theme-light .dashboard-clipboard-item textarea::placeholder{color:var(--sidebar-text);opacity:.6}.gamepad-visualizer-instance{margin-bottom:20px;padding-bottom:15px;border-bottom:1px dashed var(--item-border)}.gamepad-visualizer-instance:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.gamepad-visualizer-instance h4{margin-top:0;margin-bottom:10px;font-size:1em;color:var(--sidebar-text);font-weight:400}.gamepad-svg-vis{background-color:var(--input-bg);border-radius:5px;display:block;border:1px solid var(--item-border)}.gp-vis-base{fill:#555;stroke:#888;stroke-width:.5}.gp-vis-button,.gp-vis-dpad,.gp-vis-bumper{fill:#8ecae6;stroke:#a1d8f0;stroke-width:.5;transition:fill .05s linear}.gp-vis-stick-base{fill:#2a527a}.gp-vis-stick-top{fill:#69c;stroke:#8cb3d9;stroke-width:.5;transition:transform .05s linear}.gp-vis-trigger{fill:#8ecae6;stroke:#a1d8f0;stroke-width:.5;transition:opacity .05s linear;opacity:.5}.gp-vis-button-pressed,.gp-vis-dpad-pressed,.gp-vis-bumper-pressed{fill:#4a90e2}.no-gamepads-message{font-style:italic;color:var(--sidebar-text);opacity:.7;text-align:center;margin-top:10px}.resolution-manual-inputs{display:flex;gap:10px;margin-bottom:15px}.manual-input-item{flex:1;margin-bottom:0}.manual-input-item input[type=number]{width:100%;padding:8px;border:1px solid var(--input-border);border-radius:8px;background-color:var(--input-bg);color:var(--input-text);font-size:1em;box-sizing:border-box;-moz-appearance:textfield}.manual-input-item input[type=number]::-webkit-outer-spin-button,.manual-input-item input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.manual-input-item input[type=number]:hover{border-color:var(--sidebar-header-color)}.manual-input-item input[type=number]:focus{outline:none;border-color:var(--sidebar-header-color)}.scale-locally-item{display:flex;align-items:center;gap:8px;margin-bottom:15px}.scale-locally-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--sidebar-header-color);cursor:pointer;margin:0}.scale-locally-item label{font-weight:400;font-size:.9em;cursor:pointer;margin:0}.resolution-action-buttons{display:flex;gap:10px;margin-top:5px}.resolution-button{flex:1;width:100%;box-sizing:border-box;padding:8px 12px;border:1px solid var(--item-border);border-radius:8px;background-color:var(--input-bg);color:var(--sidebar-text);font-size:.9em;font-weight:700;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.resolution-button:hover{background-color:var(--section-bg);border-color:var(--sidebar-header-color)}.section-divider{border:none;border-top:1px solid var(--item-border);margin:15px 0}.error-message{color:var(--error-color, #e74c3c);background-color:#e74c3c1a;padding:8px;border-radius:4px;margin-bottom:10px;font-size:.9em;border:1px solid rgba(231,76,60,.3)}.device-support-notice{font-size:.8em;color:var(--sidebar-text-secondary, #888);margin-top:5px;margin-bottom:0;text-align:center}.toggle-button{transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;background-color:var(--input-bg);color:var(--sidebar-text);border-color:var(--item-border)}.toggle-button:hover{border-color:var(--sidebar-header-color);background-color:var(--section-bg)}.toggle-button.active{background-color:var(--sidebar-header-color);color:var(--button-text);border-color:var(--sidebar-header-color)}.toggle-button.active:hover{background-color:var(--button-hover-bg);border-color:var(--button-hover-bg)}.notification-container{position:fixed;top:20px;right:20px;width:320px;z-index:1050;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification-item{background-color:var(--section-bg);color:var(--sidebar-text);border:1px solid var(--item-border);border-radius:8px;padding:10px 15px;box-shadow:0 2px 10px var(--notification-shadow);opacity:1;transition:opacity .5s ease-out,transform .3s ease-out;transform:translate(0);pointer-events:auto;overflow:hidden}.notification-item.fade-out{opacity:0;transform:translate(20px)}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.notification-filename{font-weight:700;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;margin-right:10px}.notification-close-button{background:none;border:none;color:var(--sidebar-text);font-size:1.2em;line-height:1;padding:2px 5px;margin:-2px -5px;cursor:pointer;opacity:.7;transition:opacity .2s ease,background-color .2s ease;border-radius:4px}.notification-close-button:hover{opacity:1;background-color:var(--notification-close-hover-bg)}.notification-body{display:flex;flex-direction:column;gap:5px}.notification-status-text{font-size:.85em;opacity:.9}.notification-progress-bar-outer{width:100%;height:6px;background-color:var(--notification-progress-bg);border-radius:3px;overflow:hidden}.notification-progress-bar-inner{height:100%;width:0%;background-color:var(--notification-progress-fill);border-radius:3px;transition:width .1s linear}.notification-item.end .notification-progress-bar-inner{background-color:var(--notification-success-color)}.notification-item.error .notification-progress-bar-inner{background-color:var(--notification-error-color)}.notification-item.error .notification-status-text.error-text{color:var(--notification-error-color);font-weight:700}.notification-error-message{font-size:.8em;color:var(--notification-error-color);margin:5px 0 0;padding:0;word-break:break-word}a:link,a:visited,a:hover,a:active{text-decoration:none}.files-modal{position:fixed;top:10%;left:10%;width:80%;height:80%;background-color:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:15px;box-shadow:0 5px 15px var(--sidebar-shadow);z-index:1060;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.files-modal-close{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:2rem;font-weight:700;color:var(--sidebar-text);cursor:pointer;padding:0;line-height:1;z-index:1061}.files-modal-close:hover{color:var(--sidebar-header-color)}.files-modal iframe{flex-grow:1;width:100%;height:100%;border:none;border-radius:10px;background-color:var(--input-bg)}.virtual-keyboard-button{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--item-border);border-radius:8px;box-shadow:0 2px 8px var(--sidebar-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1040;padding:0;transition:background-color .2s ease,border-color .2s ease,transform .15s ease}.virtual-keyboard-button:hover{background-color:var(--button-hover-bg);border-color:var(--sidebar-header-color);transform:translateY(-2px)}.virtual-keyboard-button:active{transform:translateY(0) scale(.98)}.virtual-keyboard-button svg{width:24px;height:24px;fill:currentColor}.apps-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:80vh;max-width:1000px;max-height:700px;background-color:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:15px;box-shadow:0 5px 20px var(--sidebar-shadow);z-index:1070;display:flex;flex-direction:column;overflow:hidden}.apps-modal-close{position:absolute;top:15px;right:20px;background:transparent;border:none;font-size:2rem;font-weight:700;color:var(--sidebar-text);cursor:pointer;padding:0;line-height:1;z-index:1071}.apps-modal-close:hover{color:var(--sidebar-header-color)}.apps-modal-content{padding:40px 20px 20px;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column}.apps-modal-loading,.apps-modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex-grow:1;color:var(--sidebar-text)}.apps-modal-loading p{margin-top:10px}.apps-modal-error{color:var(--notification-error-color)}.apps-search-bar{width:100%;padding:10px 15px;margin-bottom:20px;border:1px solid var(--input-border);border-radius:8px;background-color:var(--input-bg);color:var(--input-text);font-size:1em;box-sizing:border-box}.apps-search-bar:focus{outline:none;border-color:var(--sidebar-header-color)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;align-content:start}.app-card{background-color:var(--section-bg);border:1px solid var(--item-border);border-radius:8px;padding:15px;text-align:center;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;min-height:180px;max-height:220px;overflow:hidden}.app-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.theme-dark .app-card:hover{box-shadow:0 4px 12px #0000004d}.app-card-icon{width:96px;height:96px;object-fit:contain;margin-bottom:10px;flex-shrink:0}.app-card-name{font-size:.9em;color:var(--sidebar-text);word-break:break-word;margin-top:auto;line-height:1.3;max-height:3.9em;overflow:hidden;text-overflow:ellipsis}.app-card-installed-badge{position:absolute;top:5px;right:5px;background-color:var(--notification-success-color);color:#fff;padding:2px 6px;font-size:.7em;border-radius:4px;font-weight:700}.app-detail-view{padding:10px;color:var(--sidebar-text);display:flex;flex-direction:column;align-items:center;text-align:center}.app-detail-back-button{align-self:flex-start;margin-bottom:15px;background-color:var(--input-bg);color:var(--sidebar-text);border:1px solid var(--item-border);padding:8px 12px;border-radius:5px;cursor:pointer;font-size:.9em}.app-detail-back-button:hover{background-color:var(--section-bg);border-color:var(--sidebar-header-color)}.app-detail-icon{width:128px;height:128px;object-fit:contain;margin-bottom:15px;border-radius:8px}.app-detail-view h2{color:var(--sidebar-header-color);margin-top:0;margin-bottom:10px}.app-detail-description{font-size:1em;line-height:1.6;margin-bottom:20px;max-width:600px}.app-action-buttons{display:flex;gap:10px;margin-top:10px;justify-content:center}.app-action-button{padding:10px 20px;border:none;border-radius:5px;font-size:1em;cursor:pointer;transition:background-color .2s ease;min-width:120px}.app-action-button.install{background-color:var(--button-bg);color:var(--button-text)}.app-action-button.install:hover{background-color:var(--button-hover-bg)}.app-action-button.update{background-color:#f0ad4e;color:#fff}.app-action-button.update:hover{background-color:#eea236}.app-action-button.remove{background-color:var(--notification-error-color);color:#fff}.app-action-button.remove:hover{background-color:#c9302c}.apps-modal-loading svg{stroke:var(--sidebar-header-color)}.sharing-link-item{display:flex;flex-direction:column;padding:10px 0;border-bottom:1px solid var(--item-border);gap:5px}.sharing-link-item:last-child{border-bottom:none;padding-bottom:0}.sidebar-section-content>.sharing-link-item:first-child{padding-top:0}.sharing-link-label{font-weight:700;font-size:.9em;color:var(--sidebar-text)}.sharing-link-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.sharing-link{color:var(--sidebar-header-color);text-decoration:none;font-size:.85em;word-break:break-all;flex-grow:1;margin-right:5px}.sharing-link:hover{text-decoration:underline}.copy-button{background:none;border:1px solid var(--item-border);color:var(--sidebar-text);padding:5px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.copy-button:hover{background-color:var(--input-bg);border-color:var(--sidebar-header-color);color:var(--sidebar-header-color)}.copy-button svg{fill:currentColor}.dev-setting-item{margin-bottom:15px;display:flex;flex-direction:column;gap:5px}.sidebar-section-content .dev-setting-item{background-color:transparent}.dev-setting-item label{font-weight:700;font-size:.9em;color:var(--sidebar-text)}.dev-setting-item.toggle-item{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px}.dev-setting-item.toggle-item label{text-align:left;margin-right:10px}.dev-setting-item #encoderSelect,.dev-setting-item #resolutionPresetSelect,.dev-setting-item .audio-device-select{width:100%;padding:8px;border:1px solid var(--input-border);border-radius:8px;background-color:var(--input-bg);color:var(--input-text);font-size:1em;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23abb2bf%22%20d%3D%22M287%2C114.7L159.1%2C282.6c-3.2%2C3.2-8.3%2C3.2-11.6%2C0L5.5%2C114.7c-3.2-3.2-3.2-8.3%2C0-11.6l10.3-10.3c3.2-3.2%2C8.3-3.2%2C11.6%2C0l124.9%2C124.9l124.9-124.9c3.2-3.2%2C8.3-3.2%2C11.6%2C0l10.3%2C10.3C290.3%2C106.5%2C290.3%2C111.5%2C287%2C114.7z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 8px top 50%;background-size:12px auto;transition:border-color .2s ease}.theme-light .dev-setting-item #encoderSelect,.theme-light .dev-setting-item #resolutionPresetSelect,.theme-light .dev-setting-item .audio-device-select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%22292.4%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M287%2C114.7L159.1%2C282.6c-3.2%2C3.2-8.3%2C3.2-11.6%2C0L5.5%2C114.7c-3.2-3.2-3.2-8.3%2C0-11.6l10.3-10.3c3.2-3.2%2C8.3-3.2%2C11.6%2C0l124.9%2C124.9l124.9-124.9c3.2-3.2%2C8.3-3.2%2C11.6%2C0l10.3%2C10.3C290.3%2C106.5%2C290.3%2C111.5%2C287%2C114.7z%22%2F%3E%3C%2Fsvg%3E);background-color:var(--input-bg);color:var(--input-text)}.dev-setting-item #encoderSelect:hover,.dev-setting-item #resolutionPresetSelect:hover,.dev-setting-item #uiScalingSelect:hover,.dev-setting-item .audio-device-select:hover{border-color:var(--sidebar-header-color)}.dev-setting-item .audio-device-select:disabled{cursor:not-allowed;opacity:.6}.dev-setting-item input[type=range]{flex-grow:1;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:20px}.dev-setting-item input[type=range]:focus{outline:none}.dev-setting-item input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;background:var(--slider-track-color);border-radius:4px;transition:background .3s ease}.dev-setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;width:16px;height:16px;background:var(--slider-thumb-color);border:1px solid var(--item-border);border-radius:50%;transition:background .3s ease,box-shadow .1s ease}.dev-setting-item input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 4px rgba(var(--sidebar-header-color),.5)}.dev-setting-item input[type=range]::-moz-range-track{width:100%;height:8px;background:var(--slider-track-color);border-radius:4px;transition:background .3s ease}.dev-setting-item input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--slider-thumb-color);border:1px solid var(--item-border);border-radius:50%;transition:background .3s ease,box-shadow .1s ease}.dev-setting-item input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 4px rgba(var(--sidebar-header-color),.5)}.toggle-button-sidebar{position:relative;display:inline-block;width:50px;height:26px;background-color:var(--item-bg-hover, #555);border-radius:13px;cursor:pointer;transition:background-color .2s ease-in-out;border:1px solid var(--item-border, #444);padding:0;box-sizing:border-box;flex-shrink:0}.toggle-button-sidebar-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s ease-in-out;box-shadow:0 1px 3px #0003}.toggle-button-sidebar.active{background-color:var(--sidebar-header-color, #61dafb)}.toggle-button-sidebar.active .toggle-button-sidebar-knob{transform:translate(24px)}.sidebar-section-divider{border:0;height:1px;background-color:var(--sidebar-border);margin:0 0 15px}.sidebar-mobile-key-actions{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:5px 0;margin-bottom:20px}.mobile-key-button{flex:1;padding:8px 4px;border:1px solid var(--item-border);border-radius:6px;background-color:var(--input-bg);color:var(--sidebar-text);font-size:12px;font-weight:700;text-align:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;min-height:36px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;user-select:none}.mobile-key-button:hover{border-color:var(--sidebar-header-color);background-color:var(--section-bg)}.mobile-key-button.active{background-color:var(--sidebar-header-color);color:var(--button-text);border-color:var(--sidebar-header-color)}.mobile-key-button.active:hover{background-color:var(--button-hover-bg);border-color:var(--button-hover-bg)}.mobile-key-button.icon-button{padding:6px}.mobile-key-button.icon-button svg{fill:currentColor;width:18px;height:18px;pointer-events:none}body{margin:0;padding:0}