@import"https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Mono:wght@400;500&family=Outfit:wght@300;400;500;600&display=swap";*,*::before,*::after{box-sizing:border-box}p,h1,h2,h3,h4,h5,h6,strong,small,span,label,figcaption{margin:0;padding:0}:root{--bs-font-sans-serif: 'Outfit', system-ui, sans-serif;--bs-font-monospace: 'DM Mono', monospace;--bs-primary: #00ddff;--bs-primary-rgb: 0,221,255;--bs-link-color: #00b8d9;--bs-link-hover-color: #0090aa;--bs-body-bg: #f8f9fa;--bs-body-color: #111;--bs-secondary-color: #555;--bs-tertiary-color: #999;--bs-emphasis-color: #000;--bs-secondary-bg: #efefef;--bs-tertiary-bg: #e5e5e5;--bs-border-color: rgba(0,0,0,.11);--bs-border-color-translucent: rgba(0,0,0,.07);--bs-card-bg: #fff;--bs-card-border-color: rgba(0,0,0,.09);--bs-card-cap-bg: rgba(0,0,0,.025);--bs-border-radius: 10px;--bs-border-radius-sm: 6px;--bs-border-radius-lg: 14px;--bs-border-radius-pill: 999px;--bs-box-shadow: 0 2px 14px rgba(0,0,0,.09);--bs-box-shadow-sm: 0 1px 5px rgba(0,0,0,.06);--bs-box-shadow-lg: 0 8px 36px rgba(0,0,0,.13);--nav-h: 56px;--accent: #00ddff;--accent-dim: rgba(0,221,255,.1);--glow: 0 0 16px rgba(0,221,255,.3)}[data-bs-theme=dark]{--bs-body-bg: #0f0f0f;--bs-body-color: #eee;--bs-secondary-color: #bbb;--bs-tertiary-color: #777;--bs-emphasis-color: #fff;--bs-secondary-bg: #1c1c1c;--bs-tertiary-bg: #242424;--bs-border-color: rgba(255,255,255,.13);--bs-border-color-translucent: rgba(255,255,255,.07);--bs-card-bg: #161616;--bs-card-border-color: rgba(255,255,255,.1);--bs-card-cap-bg: rgba(255,255,255,.04);--bs-link-color: #00ddff;--bs-box-shadow: 0 2px 14px rgba(0,0,0,.5);--bs-box-shadow-lg: 0 8px 36px rgba(0,0,0,.6)}body{font-family:var(--bs-font-sans-serif);background:var(--bs-body-bg);color:var(--bs-body-color);padding-top:var(--nav-h);min-height:100vh;position:relative;transition:background .2s,color .2s}.btn-primary{--bs-btn-bg: var(--accent);--bs-btn-border-color: var(--accent);--bs-btn-color: #000;--bs-btn-hover-bg: #00b8d9;--bs-btn-hover-border-color: #00b8d9;--bs-btn-hover-color: #000;--bs-btn-active-bg: #0099bb;--bs-btn-active-color: #000;--bs-btn-focus-shadow-rgb: 0,221,255;font-weight:600}.btn-primary:hover{box-shadow:var(--glow)}.btn-outline-primary{--bs-btn-color: var(--accent);--bs-btn-border-color: var(--accent);--bs-btn-hover-bg: var(--accent);--bs-btn-hover-color: #000}[data-bs-theme=dark] .btn-outline-secondary{--bs-btn-color: #ccc;--bs-btn-border-color: rgba(255,255,255,.25);--bs-btn-hover-bg: rgba(255,255,255,.12);--bs-btn-hover-color: #fff}[data-bs-theme=dark] .btn-outline-danger{--bs-btn-color: #ff6b6b;--bs-btn-border-color: rgba(255,107,107,.4);--bs-btn-hover-bg: rgba(255,107,107,.15);--bs-btn-hover-color: #ff6b6b}.form-control,.form-select{background-color:var(--bs-card-bg) !important;border-color:var(--bs-border-color) !important;color:var(--bs-body-color) !important}.form-control:focus,.form-select:focus{background-color:var(--bs-card-bg) !important;border-color:var(--accent) !important;box-shadow:0 0 0 .2rem rgba(0,221,255,.2) !important;color:var(--bs-body-color) !important}.form-control::placeholder,.form-select::placeholder{color:var(--bs-tertiary-color) !important}.form-control option,.form-select option{background:var(--bs-body-bg);color:var(--bs-body-color)}.update-strip{position:fixed;top:0;left:0;right:0;z-index:1200;background:var(--accent);color:#000;font-size:13px;font-weight:500;height:40px;display:flex;align-items:center;transform:translateY(-100%);transition:transform .3s ease}.update-strip.show{transform:translateY(0)}.update-strip .close-strip{background:none;border:none;cursor:pointer;color:rgba(0,0,0,.6);font-size:18px;line-height:1}body.update-visible{padding-top:calc(var(--nav-h) + 40px) !important}body.update-visible .navbar{top:40px !important}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:1100;padding:0 !important;background-color:rgba(248,249,250,.93) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--bs-border-color) !important;transition:top .3s ease,background-color .2s}[data-bs-theme=dark] .navbar{background-color:rgba(15,15,15,.93) !important}.navbar .container-xl{height:100%}.navbar .nav-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent);flex-shrink:0}.navbar .navbar-brand{font-family:var(--bs-font-monospace);font-size:13px;color:var(--bs-body-color) !important;display:flex;align-items:center;gap:7px}.navbar .navbar-brand:hover{opacity:.65}.navbar .navbar-nav .nav-link{font-size:13.5px;color:var(--bs-secondary-color) !important;border-radius:var(--bs-border-radius-sm);padding:5px 12px !important;transition:color .15s,background-color .15s}.navbar .navbar-nav .nav-link:hover{color:var(--bs-body-color) !important;background-color:var(--bs-secondary-bg)}.navbar .navbar-nav .nav-link.active{color:var(--accent) !important;font-weight:600}.navbar .btn-theme{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--bs-border-radius-sm);border:none;background:none;color:var(--bs-secondary-color);cursor:pointer;transition:color .15s,background-color .15s}.navbar .btn-theme:hover{color:var(--accent);background-color:var(--bs-secondary-bg)}.navbar .btn-theme svg{width:17px;height:17px}.navbar .btn-theme .icon-moon{display:none}.navbar .btn-theme .icon-sun{display:block}.navbar [data-bs-theme=dark] .btn-theme .icon-sun{display:none}.navbar [data-bs-theme=dark] .btn-theme .icon-moon{display:block}.page-topbar{background-color:var(--bs-body-bg);border-bottom:1px solid var(--bs-border-color);position:sticky;top:var(--nav-h);z-index:900;padding:10px 0;transition:background-color .2s}.page-topbar .topbar-title{font-family:"Syne",sans-serif;font-size:15px;font-weight:700;letter-spacing:-0.025em;color:var(--bs-body-color);display:flex;align-items:center;gap:8px}.page-topbar .topbar-title i{color:var(--accent)}.bell-btn{position:relative}.bell-btn.has-notif::after{content:"";position:absolute;top:3px;right:3px;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent)}.offcanvas{--bs-offcanvas-width: 280px;background-color:var(--bs-card-bg) !important;border-right-color:var(--bs-border-color) !important}.offcanvas-header{border-bottom:1px solid var(--bs-border-color);padding:16px 20px}.offcanvas-title{font-family:"Syne",sans-serif;font-size:15px;font-weight:700;letter-spacing:-0.025em;display:flex;align-items:center;gap:8px;color:var(--bs-body-color) !important}.offcanvas-title i{color:var(--accent)}.sidebar-nav-link{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--bs-border-radius-sm);color:var(--bs-secondary-color);text-decoration:none;font-size:13.5px;border-left:3px solid rgba(0,0,0,0);transition:background-color .15s,color .15s}.sidebar-nav-link i{width:18px;text-align:center;font-size:13px;flex-shrink:0}.sidebar-nav-link:hover{background-color:var(--bs-secondary-bg);color:var(--bs-body-color)}.sidebar-nav-link.active{background-color:var(--accent-dim);color:var(--accent);border-left-color:var(--accent);font-weight:600}.sidebar-nav-link.active i{color:var(--accent)}.sidebar-stat-row{display:flex;align-items:center;gap:10px;padding:5px 0}.sidebar-stat-row__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--bs-secondary-bg);border-radius:var(--bs-border-radius-sm);color:var(--accent);font-size:12px;flex-shrink:0}.sidebar-stat-row__lbl{font-size:10px;color:var(--bs-tertiary-color);font-family:var(--bs-font-monospace);text-transform:uppercase;letter-spacing:.06em}.sidebar-stat-row__val{font-family:"Syne",sans-serif;font-size:17px;font-weight:700;letter-spacing:-0.03em;color:var(--bs-body-color)}.notif-panel{position:absolute;top:calc(var(--nav-h) + 60px);left:16px;width:min(360px,100vw - 32px);background-color:var(--bs-card-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-lg);box-shadow:var(--bs-box-shadow-lg);z-index:850;overflow:hidden;max-height:0;transition:max-height .3s ease;pointer-events:none}.notif-panel.open{max-height:600px;pointer-events:all}.notif-panel__head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--bs-border-color)}.notif-panel__head h6{flex:1;font-family:"Syne",sans-serif;font-size:14px;font-weight:700;letter-spacing:-0.02em;color:var(--bs-body-color)}.notif-panel__head i{color:var(--accent)}.notif-panel__body{padding:14px 16px;font-size:13px;color:var(--bs-secondary-color);line-height:1.65;max-height:240px;overflow-y:auto}.notif-panel__body strong{color:var(--bs-body-color)}.notif-panel__prefs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 16px 14px;border-top:1px solid var(--bs-border-color)}.notif-panel__prefs label{font-family:var(--bs-font-monospace);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--bs-tertiary-color);white-space:nowrap}.notif-panel__prefs .btn{font-size:11px;padding:3px 10px}.content-section{display:none;padding:36px 0 64px}.content-section.active{display:block}.section-head h2{font-family:"Syne",sans-serif;font-size:clamp(20px,3vw,26px);font-weight:800;letter-spacing:-0.04em;color:var(--bs-body-color);display:flex;align-items:center;gap:10px}.section-head h2 i{color:var(--accent);font-size:.85em}.section-head p{color:var(--bs-secondary-color);font-size:14px}.upload-zone{width:100%;display:block;position:relative;border:2px dashed var(--bs-border-color);border-radius:var(--bs-border-radius-lg);padding:72px 24px;background-color:var(--bs-card-bg);transition:border-color .18s,background-color .18s;cursor:pointer}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background-color:var(--accent-dim)}.upload-zone:hover .upload-zone__icon,.upload-zone.dragover .upload-zone__icon{color:var(--accent)}.upload-zone__icon{font-size:48px;color:var(--bs-tertiary-color);display:flex;align-items:center;justify-content:center;transition:color .18s}.upload-zone__title{font-family:"Syne",sans-serif;font-size:18px;font-weight:700;letter-spacing:-0.025em;color:var(--bs-body-color);display:flex;align-items:center;justify-content:center}.upload-zone__sub{color:var(--bs-secondary-color);font-size:14px;display:flex;align-items:center;justify-content:center}.upload-zone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}.controls-strip{display:flex;align-items:stretch;gap:1px;background-color:var(--bs-border-color);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);overflow:hidden;flex-wrap:wrap}.controls-strip__block{background-color:var(--bs-card-bg);padding:14px 18px;flex:1;min-width:140px;transition:background-color .2s}.controls-strip__label{font-family:var(--bs-font-monospace);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--bs-tertiary-color);display:flex;align-items:center;gap:6px}.controls-strip__label i{color:var(--accent)}.mode-cards{display:flex;gap:6px;flex-wrap:wrap}.mode-card input[type=radio]{display:none}.mode-card label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 12px;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-sm);cursor:pointer;font-size:12px;font-weight:500;color:var(--bs-secondary-color);background-color:var(--bs-secondary-bg);transition:border-color .15s,background-color .15s,color .15s;white-space:nowrap;position:relative}.mode-card label i{font-size:14px}.mode-card label:hover{border-color:var(--bs-tertiary-color);color:var(--bs-body-color)}.mode-card input:checked+label{border-color:var(--accent);background-color:var(--accent-dim);color:var(--accent)}.mode-card__badge{position:absolute;top:-7px;right:-7px;font-size:8px;font-weight:700;letter-spacing:.05em;background:var(--accent);color:#000;padding:1px 5px;border-radius:99px;text-transform:uppercase}.file-list{display:flex;flex-direction:column;gap:10px}.file-item{background-color:var(--bs-card-bg);border:1px solid var(--bs-card-border-color);border-radius:var(--bs-border-radius);overflow:hidden;transition:background-color .15s,border-color .15s}.file-item:hover{background-color:var(--bs-secondary-bg)}.file-item.status-completed{border-left:3px solid var(--accent)}.file-item.status-error{border-left:3px solid #dc3545}.file-item__main{display:flex;align-items:center;gap:16px;padding:16px 18px}.file-item__thumb{width:64px;height:64px;border-radius:var(--bs-border-radius);object-fit:cover;flex-shrink:0;background-color:var(--bs-secondary-bg);border:1px solid var(--bs-border-color);display:flex;align-items:center;justify-content:center}.file-item__info{flex:1;min-width:0}.file-item__name{font-size:14px;font-weight:500;color:var(--bs-body-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item__meta{font-family:var(--bs-font-monospace);font-size:11.5px;color:var(--bs-tertiary-color);display:flex;flex-wrap:wrap;gap:10px}.file-item__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.file-item__controls{padding:16px 18px 18px;border-top:1px solid var(--bs-border-color);background-color:var(--bs-secondary-bg)}.fc-label{display:flex;align-items:center;gap:4px;font-family:var(--bs-font-monospace);font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--bs-tertiary-color)}.fc-label i{color:var(--accent)}.savings-badge{font-family:var(--bs-font-monospace);font-size:11px;font-weight:700;color:#28a745;background-color:rgba(40,167,69,.12);border:1px solid rgba(40,167,69,.25);border-radius:var(--bs-border-radius-pill);padding:2px 8px;white-space:nowrap;display:flex;align-items:center}.status-icon{font-size:14px;display:flex;align-items:center;justify-content:center}.status-icon.pending{color:var(--bs-tertiary-color)}.status-icon.processing{color:var(--accent);animation:spin .7s linear infinite}.status-icon.completed{color:#28a745}.status-icon.error{color:#dc3545}@keyframes spin{to{transform:rotate(360deg)}}.spin-anim{animation:spin .7s linear infinite;display:inline-flex;align-items:center;justify-content:center}.tool-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-sm);background-color:var(--bs-secondary-bg);color:var(--bs-secondary-color);font-size:13px;cursor:pointer;transition:all .15s;padding:0;outline:none}.tool-btn:hover{color:var(--bs-body-color);border-color:var(--bs-secondary-color)}.tool-btn.active{background-color:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.tool-btn.dl:hover{background-color:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.tool-btn.preview:hover{background-color:rgba(13,110,253,.1);border-color:rgba(13,110,253,.35);color:#0d6efd}.tool-btn.remove:hover{background-color:rgba(220,53,69,.12);border-color:rgba(220,53,69,.4);color:#dc3545}.progress-accent .progress-bar{background-color:var(--accent) !important;box-shadow:0 0 8px rgba(0,221,255,.4)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:20px}.preview-card{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-lg);overflow:hidden;background-color:var(--bs-card-bg)}.preview-card__name{padding:10px 14px;font-family:var(--bs-font-monospace);font-size:11px;color:var(--bs-tertiary-color);border-bottom:1px solid var(--bs-border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.preview-card__sides{display:grid;grid-template-columns:1fr 1fr;gap:1px;background-color:var(--bs-border-color)}.preview-card__side{background-color:var(--bs-card-bg)}.preview-card__lbl{font-family:var(--bs-font-monospace);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--bs-tertiary-color);padding:8px 12px;border-bottom:1px solid var(--bs-border-color);display:flex;align-items:center}.preview-card__img{width:100%;height:200px;object-fit:contain;background-color:var(--bs-secondary-bg);padding:10px;display:block}.preview-card__sz{font-family:var(--bs-font-monospace);font-size:11px;color:var(--bs-tertiary-color);padding:8px 12px;display:flex;align-items:center;justify-content:center}.stat-card-xl{position:relative;overflow:hidden}.stat-card-xl::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);opacity:.5}.stat-card-xl .stat-val{font-family:"Syne",sans-serif;font-size:32px;font-weight:800;letter-spacing:-0.06em;line-height:1;color:var(--bs-body-color)}.stat-card-xl .stat-lbl{font-family:var(--bs-font-monospace);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--bs-tertiary-color)}.history-entry{display:flex;align-items:center;gap:14px;padding:14px 18px;background-color:var(--bs-card-bg);border:1px solid var(--bs-card-border-color);border-radius:var(--bs-border-radius);transition:background-color .15s}.history-entry:hover{background-color:var(--bs-secondary-bg)}.history-entry__dot{width:10px;height:10px;background:var(--accent);border-radius:50%;flex-shrink:0;box-shadow:0 0 8px rgba(0,221,255,.4)}.history-entry__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.history-entry__date{font-family:var(--bs-font-monospace);font-size:11px;color:var(--bs-tertiary-color)}.history-entry__details{font-size:13px;color:var(--bs-secondary-color)}.preset-entry{background-color:var(--bs-card-bg);border:1px solid var(--bs-card-border-color);border-radius:var(--bs-border-radius);padding:18px;height:100%;display:flex;flex-direction:column;gap:0;transition:border-color .15s}.preset-entry:hover{border-color:rgba(0,221,255,.3)}.preset-entry__name{font-family:"Syne",sans-serif;font-size:15px;font-weight:700;letter-spacing:-0.025em;color:var(--bs-body-color)}.preset-entry__row{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.preset-entry__lbl{color:var(--bs-tertiary-color);font-family:var(--bs-font-monospace);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.preset-entry__val{color:var(--bs-secondary-color)}.score-card{background-color:var(--bs-card-bg);border:1px solid var(--bs-card-border-color);border-radius:var(--bs-border-radius);padding:20px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s}.score-card:hover{background-color:var(--bs-secondary-bg)}.score-card .score-val{font-family:"Syne",sans-serif;font-size:42px;font-weight:800;letter-spacing:-0.08em;line-height:1}.score-card .score-val.good{color:#28a745}.score-card .score-val.avg{color:#ffc107}.score-card .score-val.bad{color:#dc3545}.score-card .score-lbl{font-family:var(--bs-font-monospace);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--bs-tertiary-color)}.changelog-line{position:relative;padding-left:28px}.changelog-line::before{content:"";position:absolute;left:9px;top:0;bottom:0;width:1px;background-color:var(--bs-border-color)}.cl-entry{position:relative;padding-bottom:24px;display:flex;flex-direction:column;gap:3px}.cl-entry::before{content:"";position:absolute;left:-18px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--bs-body-bg);box-shadow:0 0 8px rgba(0,221,255,.4);z-index:1}.cl-entry__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cl-entry__hash{font-family:var(--bs-font-monospace);font-size:10px;color:var(--bs-tertiary-color);background-color:var(--bs-secondary-bg);padding:1px 7px;border-radius:4px;border:1px solid var(--bs-border-color)}.cl-entry__date{font-family:var(--bs-font-monospace);font-size:10px;color:var(--bs-tertiary-color)}.cl-entry__msg{font-size:14px;font-weight:500;color:var(--bs-body-color)}.cl-entry__author{font-size:12px;color:var(--bs-tertiary-color);display:flex;align-items:center;gap:4px}.modal-content{background-color:var(--bs-body-bg) !important;border-color:var(--bs-border-color) !important}.modal-header{border-bottom-color:var(--bs-border-color) !important}.modal-footer{border-top-color:var(--bs-border-color) !important}.modal-title{font-family:"Syne",sans-serif;font-size:16px;font-weight:700;letter-spacing:-0.025em;color:var(--bs-body-color) !important}.app-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(12px);background-color:var(--bs-card-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-pill);padding:10px 22px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--bs-body-color);box-shadow:var(--bs-box-shadow-lg);pointer-events:none;opacity:0;z-index:99999;white-space:nowrap;transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .2s}.app-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;color:var(--bs-tertiary-color)}.empty-state i{font-size:40px;opacity:.25}.empty-state h5{font-family:"Syne",sans-serif;font-weight:700;letter-spacing:-0.025em;color:var(--bs-secondary-color)}.empty-state p{font-size:13.5px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px}.loading-state .spin-ring{width:36px;height:36px;border:2px solid var(--bs-border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.loading-state p{font-size:13px;color:var(--bs-secondary-color)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:var(--bs-border-color);border-radius:99px}*{scrollbar-width:thin;scrollbar-color:var(--bs-border-color) rgba(0,0,0,0)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:20px;background:rgba(0,0,0,0);cursor:pointer;padding:0}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color)}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#0df;border:2px solid #fff;box-shadow:0 0 0 2px #0df,0 2px 6px rgba(0,221,255,.35);margin-top:-6px;cursor:pointer;transition:box-shadow .15s,transform .15s}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#0df;border:2px solid #fff;box-shadow:0 0 0 2px #0df,0 2px 6px rgba(0,221,255,.35);cursor:pointer;transition:box-shadow .15s,transform .15s}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 3px #0df,0 2px 10px rgba(0,221,255,.5)}input[type=range]:hover::-moz-range-thumb{transform:scale(1.15);box-shadow:0 0 0 3px #0df,0 2px 10px rgba(0,221,255,.5)}input[type=range]:disabled{opacity:.4;cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb{background:var(--bs-tertiary-color);box-shadow:none}input[type=range]:disabled::-moz-range-thumb{background:var(--bs-tertiary-color);box-shadow:none}[data-bs-theme=dark] input[type=range]::-webkit-slider-runnable-track{background:#2a2a2a;border-color:hsla(0,0%,100%,.15)}[data-bs-theme=dark] input[type=range]::-moz-range-track{background:#2a2a2a;border-color:hsla(0,0%,100%,.15)}[data-bs-theme=dark] input[type=range]::-webkit-slider-thumb,[data-bs-theme=dark] input[type=range]::-moz-range-thumb{border-color:#1a1a1a}