:root{--bg-color-dark:#222;--bg-color-panel:#2a2a2a;--bg-color-header:#202020;--bg-color-titlebar:#383838;--text-color:#fff;--text-muted:#aaa;--color-save:#c45d1f;--color-load:#2a5833;--color-prep-bg:#404040;--color-clear-bg:#0ebbbb;--color-primary-blue:#08f;--accent-color:#0bd1d1;--accent-hover:#08a3a3}*{box-sizing:border-box}body{background-color:var(--bg-color-dark);color:var(--text-color);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;width:100vw;height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:focus{outline:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#444;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}@media (width<=768px){.controls-row-responsive{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.volume-section-responsive{justify-content:space-between!important;width:100%!important}.volume-section-responsive input[type=range]{flex:1;margin:0 12px}.seek-section-responsive{width:100%!important;padding:0!important}.playback-section-responsive{justify-content:space-between!important;gap:6px!important;width:100%!important}.header-responsive{flex-direction:column!important;justify-content:center!important;gap:8px!important;padding:8px 2px!important}.left-group-responsive{width:100%;justify-content:space-between!important;gap:4px!important}.logo-img-responsive{height:18px!important}.logo-text-responsive{padding:1px 2px!important;font-size:8px!important}.left-group-responsive button{padding:4px 8px!important;font-size:10px!important}.preset-select-responsive{margin-left:2px!important;padding:2px 4px!important;font-size:10px!important}.right-group-responsive{width:100%;justify-content:center!important;gap:4px!important}.right-group-responsive button{padding:4px 10px!important;font-size:11px!important}.icon-btn-responsive{font-size:16px!important}.help-btn-responsive{width:20px!important;height:20px!important;font-size:12px!important}}