:root{--bs-font-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}.btn,.form-control,.form-select,.input-group-text,body{font-family:var(--bs-font-sans-serif)!important}body{min-height:100vh;transition:all .3s ease;display:flex;flex-direction:column;margin:0;padding:0}.main-content{flex:1}.header{backdrop-filter:blur(10px);position:sticky;top:0;z-index:1030;background:var(--bs-body-bg)}[data-bs-theme=dark] .btn-primary,[data-bs-theme=dark] .text-primary{--bs-primary:#9f7aea!important;--bs-primary-rgb:159,122,234!important}[data-bs-theme=dark] .btn-primary:focus,[data-bs-theme=dark] .btn-primary:hover{--bs-primary:#b794f6!important;--bs-primary-rgb:183,148,246!important}[data-bs-theme=dark] .badge.bg-primary{--bs-primary:#6b46c1!important;--bs-primary-rgb:107,70,193!important}[data-bs-theme=dark] .audio-control,[data-bs-theme=dark] .btn-outline-primary,[data-bs-theme=dark] .volume-control{--bs-primary:#9f7aea!important;--bs-primary-rgb:159,122,234!important;border-color:#9f7aea!important}[data-bs-theme=dark] .audio-control:hover,[data-bs-theme=dark] .btn-outline-primary:hover,[data-bs-theme=dark] .volume-control:hover{--bs-primary:#b794f6!important;background-color:#9f7aea!important;border-color:#9f7aea!important}.play-pause-btn{color:var(--bs-primary)!important}.play-pause-btn .main-play-icon{color:var(--bs-primary)!important}.play-pause-btn:hover{color:#fff!important}.play-pause-btn:hover .main-play-icon{color:#fff!important}:root:not([data-bs-theme=dark]) .play-pause-btn:hover,[data-bs-theme=light] .play-pause-btn:hover{color:#fff!important}:root:not([data-bs-theme=dark]) .play-pause-btn:hover .main-play-icon,[data-bs-theme=light] .play-pause-btn:hover .main-play-icon{color:#fff!important}.audio-controls-row .bi{font-size:1.5rem}.play-pause-btn .bi{font-size:2.5rem}#loopToggle:not(.btn-outline-warning):hover{background-color:rgba(108,117,125,.1)!important;border-color:#495057!important}#loopToggle:not(.btn-outline-warning):hover #loopIcon{color:#495057!important}:root:not([data-bs-theme=dark]) #loopToggle:not(.btn-outline-warning):hover,[data-bs-theme=light] #loopToggle:not(.btn-outline-warning):hover{background-color:rgba(206,212,218,.1)!important;border-color:#adb5bd!important}:root:not([data-bs-theme=dark]) #loopToggle:not(.btn-outline-warning):hover #loopIcon,[data-bs-theme=light] #loopToggle:not(.btn-outline-warning):hover #loopIcon{color:#adb5bd!important}.btn-clear{background-color:rgba(220,53,69,.15)!important;border-color:rgba(220,53,69,.3)!important;color:var(--bs-body-color)!important}.btn-clear:hover{background-color:rgba(220,53,69,.25)!important;border-color:rgba(220,53,69,.4)!important;color:var(--bs-body-color)!important}.btn-search{background-color:rgba(25,135,84,.15)!important;border-color:rgba(25,135,84,.3)!important;color:var(--bs-body-color)!important}.btn-search:hover{background-color:rgba(25,135,84,.25)!important;border-color:rgba(25,135,84,.4)!important;color:var(--bs-body-color)!important}[data-bs-theme=dark] .btn-clear{background-color:rgba(220,53,69,.2)!important;border-color:rgba(220,53,69,.35)!important}[data-bs-theme=dark] .btn-clear:hover{background-color:rgba(220,53,69,.3)!important;border-color:rgba(220,53,69,.45)!important}[data-bs-theme=dark] .btn-search{background-color:rgba(25,135,84,.2)!important;border-color:rgba(25,135,84,.35)!important}[data-bs-theme=dark] .btn-search:hover{background-color:rgba(25,135,84,.3)!important;border-color:rgba(25,135,84,.45)!important}.btn-group .btn-outline-primary{border-color:rgba(var(--bs-primary-rgb),.3)!important;color:var(--bs-body-color)!important;background-color:transparent!important}.btn-group .btn-outline-primary:hover{border-color:rgba(var(--bs-primary-rgb),.5)!important;background-color:rgba(var(--bs-primary-rgb),.1)!important;color:var(--bs-body-color)!important}.btn-group .btn-primary{border-color:rgba(var(--bs-primary-rgb),.7)!important;background-color:rgba(var(--bs-primary-rgb),.6)!important;color:#fff!important}.btn-group .btn-primary:hover{border-color:rgba(var(--bs-primary-rgb),.8)!important;background-color:rgba(var(--bs-primary-rgb),.7)!important;color:#fff!important}[data-bs-theme=dark] .btn-group .btn-outline-primary{border-color:rgba(var(--bs-primary-rgb),.4)!important;color:var(--bs-body-color)!important}[data-bs-theme=dark] .btn-group .btn-outline-primary:hover{border-color:rgba(var(--bs-primary-rgb),.6)!important;background-color:rgba(var(--bs-primary-rgb),.15)!important;color:var(--bs-body-color)!important}.footer{background:var(--bs-secondary-bg);border-top:1px solid var(--bs-border-color);padding:1rem 0;text-align:center;font-size:.8rem;color:var(--bs-secondary-color);margin-top:2rem}.footer a{color:var(--bs-primary);text-decoration:none}.footer a:hover{text-decoration:underline}.iso-card{transition:all .3s ease}.iso-card:hover{transform:translateY(-2px)}.linear-audio-player{display:flex;flex-direction:column;width:100%;max-width:200px;border:2px solid rgba(var(--bs-primary-rgb),.4);border-radius:8px;overflow:hidden;background-color:transparent;transition:all .2s ease}.linear-audio-player:hover{border-color:rgba(var(--bs-primary-rgb),.6)}.audio-main-control{position:relative;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background-color:transparent;transition:all .2s ease}.audio-progress-bg{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,rgba(var(--bs-primary-rgb),.15),rgba(var(--bs-primary-rgb),.25));transition:width .1s linear;z-index:3}.waveform-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:.6;pointer-events:none;overflow:hidden}.waveform-container wave{height:100%!important}.waveform-loading .waveform-content{opacity:0}.waveform-loading~.main-play-icon{opacity:0;pointer-events:none}.waveform-loading::before{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(var(--bs-primary-rgb),.3);border-top:2px solid rgba(var(--bs-primary-rgb),.8);border-radius:50%;animation:spin 1s linear infinite;z-index:2}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.waveform-revealing .waveform-content{opacity:1;clip-path:polygon(0 0,0% 0,0% 100%,0 100%);animation:waveformReveal 1.5s ease-out forwards}.waveform-revealing~.main-play-icon{opacity:1;pointer-events:auto;transition:opacity .3s ease}@keyframes waveformReveal{0%{clip-path:polygon(0 0,0% 0,0% 100%,0 100%)}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.waveform-revealing.waveform-cached .waveform-content{animation:waveformRevealFast 1s ease-out forwards}@keyframes waveformRevealFast{0%{clip-path:polygon(0 0,0% 0,0% 100%,0 100%)}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.waveform-ready .waveform-content{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);animation:none}.waveform-ready~.main-play-icon{opacity:1;pointer-events:auto}.waveform-ready::before,.waveform-revealing::before{display:none}.main-play-icon{font-size:28px;color:rgba(var(--bs-primary-rgb),.8);font-weight:600;z-index:4;transition:all .2s ease;position:relative}.audio-control-btn:hover .main-play-icon{color:rgba(var(--bs-primary-rgb),1);transform:scale(1.05)}.audio-controls-row{display:flex;height:32px;border-top:2px solid rgba(var(--bs-border-color-translucent),.6);background-color:transparent}.audio-control-btn{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;border:none;border-right:2px solid rgba(var(--bs-border-color-translucent),.6);transition:all .2s ease}.audio-control-btn:last-child{border-right:none}.audio-control-btn:hover{background-color:rgba(var(--bs-primary-rgb),.1)}.audio-control-btn i{font-size:16px;color:rgba(var(--bs-primary-rgb),.7);font-weight:600;transition:all .2s ease}.audio-control-btn:hover i{color:rgba(var(--bs-primary-rgb),1)}.audio-player{display:none}.linear-audio-player.card-layout{flex-direction:row;height:48px;max-width:none;width:100%;background-color:inherit}.linear-audio-player.card-layout .audio-main-control{flex:2;border-right:2px solid rgba(var(--bs-border-color-translucent),.6)}.linear-audio-player.card-layout .audio-controls-row{flex:1;border-top:none;height:48px}.linear-audio-player.card-layout .audio-control-btn{height:48px}[data-bs-theme=dark] .linear-audio-player{border-color:rgba(var(--bs-primary-rgb),.5)}[data-bs-theme=dark] .linear-audio-player:hover{border-color:rgba(var(--bs-primary-rgb),.7)}[data-bs-theme=dark] .main-play-icon{color:rgba(var(--bs-primary-rgb),.9)}[data-bs-theme=dark] .audio-control-btn i{color:rgba(var(--bs-primary-rgb),.8)}[data-bs-theme=dark] .audio-control-btn:hover{background-color:rgba(var(--bs-primary-rgb),.15)}[data-bs-theme=dark] .audio-control-btn:hover i{color:rgba(var(--bs-primary-rgb),1)}.beta-stamp{position:fixed;top:10px;left:10px;background:var(--bs-danger);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;z-index:9999;opacity:.8;transition:opacity .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.4)}.beta-stamp:hover{opacity:1}@media (max-width:768px){.beta-stamp{top:auto;bottom:20px;left:5px;font-size:9px;padding:2px 5px;z-index:1040;opacity:.7}.beta-stamp:hover{opacity:.9}}@media (max-width:767.98px){[data-bs-target="#advancedFilters"] .bi-chevron-down,[data-bs-target="#advancedFilters"] .bi-chevron-up{transition:transform .2s ease}.search-panel .form-check{margin-bottom:0}}.alby-panel{position:fixed;top:20px;right:-420px;width:400px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:1050;transition:right .3s ease}.alby-panel.show{right:20px}@media (max-width:768px){.alby-panel{width:calc(100vw - 40px);right:-100vw}.alby-panel.show{right:20px}}.alby-panel-content{padding:0}.alby-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.alby-panel-body{padding:16px}.alby-info-compact{background:linear-gradient(45deg,var(--bs-warning),var(--bs-info));color:#fff;padding:12px;border-radius:6px;font-family:monospace}.alby-info-compact .small{word-break:break-all;line-height:1.3}.node-id{font-size:10px;word-break:break-all;line-height:1.2;font-family:monospace}.loading-spinner{display:none!important}.loading-spinner.show{display:inline-block!important}.theme-option{cursor:pointer;transition:all .2s ease;border-radius:.5rem;padding:.75rem;margin-bottom:.5rem}.theme-option:hover{background-color:var(--bs-secondary-bg)}.theme-option.active{background-color:var(--bs-primary);color:#fff}.theme-option.active:hover{background-color:var(--bs-primary)}.theme-option i{font-size:1.25rem;margin-right:.75rem}.table td:first-child,.table th:first-child{width:12%}.table td:nth-child(2),.table th:nth-child(2){width:10%}.table td:nth-child(3),.table th:nth-child(3){width:13%}.table td:nth-child(4),.table th:nth-child(4){width:23%}.table td:nth-child(5),.table th:nth-child(5){width:18%}.table td:nth-child(6),.table th:nth-child(6){width:12%;min-width:120px}.table td:nth-child(7),.table th:nth-child(7){width:6%}.table td:nth-child(8),.table th:nth-child(8){width:18%;min-width:200px}.content-cell,.metadata-cell,.original-text-cell{cursor:help;position:relative}.content-cell:hover,.metadata-cell:hover,.original-text-cell:hover{text-decoration:underline;text-decoration-style:dotted}.truncated{cursor:help}.not-truncated{cursor:default}.form-check-input{width:1.25rem!important;height:1.25rem!important;border-radius:4px!important;transition:all .2s ease!important;margin:0!important;flex-shrink:0!important}.form-check-input:hover{transform:scale(1.05)}.form-check-label{font-size:.9rem!important;margin-left:.75rem!important;cursor:pointer!important;transition:color .2s ease!important;user-select:none!important;line-height:1.25rem!important}#autoRefreshToggle.active i{animation:spin 2s linear infinite}#autoRefreshToggle.btn-outline-secondary{border-color:rgba(var(--bs-secondary-rgb),.3)!important;color:var(--bs-body-color)!important;background-color:transparent!important}#autoRefreshToggle.btn-outline-secondary:hover{border-color:rgba(var(--bs-secondary-rgb),.5)!important;background-color:rgba(var(--bs-secondary-rgb),.1)!important;color:var(--bs-body-color)!important}[data-bs-theme=dark] #autoRefreshToggle.btn-outline-secondary{border-color:rgba(var(--bs-secondary-rgb),.4)!important;color:var(--bs-body-color)!important}[data-bs-theme=dark] #autoRefreshToggle.btn-outline-secondary:hover{border-color:rgba(var(--bs-secondary-rgb),.6)!important;background-color:rgba(var(--bs-secondary-rgb),.15)!important;color:var(--bs-body-color)!important}#autoRefreshToggle.btn-primary{border-color:rgba(var(--bs-primary-rgb),.7)!important;background-color:rgba(var(--bs-primary-rgb),.6)!important;color:#fff!important}#autoRefreshToggle.btn-primary:hover{border-color:rgba(var(--bs-primary-rgb),.8)!important;background-color:rgba(var(--bs-primary-rgb),.7)!important;color:#fff!important}.auto-refresh-indicator{position:fixed;bottom:20px;right:20px;padding:8px 16px;border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;opacity:0;transform:translateY(20px);transition:all .3s ease;z-index:1040;max-width:300px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.3)}.auto-refresh-indicator.show{opacity:1;transform:translateY(0)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.waveform-container.waveform-loading .waveform-content,.waveform-container.waveform-ready .waveform-content,.waveform-container.waveform-revealing .waveform-content{animation-play-state:running!important}.waveform-container .waveform-content{animation-fill-mode:none;transform:translateZ(0)}.iso-card-detailed{border:2px solid rgba(var(--bs-primary-rgb),.3)!important;box-shadow:0 8px 32px rgba(0,0,0,.1)!important;border-radius:12px!important;overflow:hidden;margin-bottom:2rem}[data-bs-theme=dark] .iso-card-detailed{border-color:rgba(var(--bs-primary-rgb),.4)!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important}.iso-card-detailed .card-header{background:linear-gradient(135deg,rgba(var(--bs-primary-rgb),.1) 0,rgba(var(--bs-primary-rgb),.05) 100%)!important;border-bottom:1px solid rgba(var(--bs-primary-rgb),.2)!important;padding:1rem 2rem}.iso-card-detailed .card-header h4{color:var(--bs-primary);font-weight:600}.iso-card-detailed .card-body{padding:2rem}.linear-audio-player.detailed-layout{background:rgba(var(--bs-primary-rgb),.05)!important;border:1px solid rgba(var(--bs-primary-rgb),.15)!important;border-radius:12px!important;padding:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.1);width:100%!important;max-width:none!important;min-width:400px}[data-bs-theme=dark] .linear-audio-player.detailed-layout{box-shadow:0 4px 16px rgba(0,0,0,.3)}.linear-audio-player.detailed-layout .audio-main-control{height:150px!important;border-radius:8px;border:1px solid rgba(var(--bs-primary-rgb),.2);width:100%!important;max-width:100%!important;position:relative;cursor:default!important;pointer-events:none!important}.linear-audio-player.detailed-layout .audio-progress-bg{pointer-events:none!important}.linear-audio-player.detailed-layout .waveform-container{width:100%!important;height:100%!important;pointer-events:auto!important}.linear-audio-player.detailed-layout .waveform-content{width:100%!important;height:100%!important;pointer-events:auto!important}.linear-audio-player.detailed-layout .waveform-content>div,.linear-audio-player.detailed-layout .waveform-content>wave{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}.linear-audio-player.detailed-layout .waveform-content canvas{width:100%!important;height:100%!important}.linear-audio-player.detailed-layout .waveform-content{cursor:pointer!important}.linear-audio-player.detailed-layout .waveform-content:hover{background-color:rgba(var(--bs-primary-rgb),.02)}.linear-audio-player.detailed-layout .waveform-content canvas{cursor:pointer!important;pointer-events:auto!important}.linear-audio-player.detailed-layout .audio-control-btn{width:60px;height:60px;border-radius:50%;background:rgba(var(--bs-primary-rgb),.1);border:2px solid rgba(var(--bs-primary-rgb),.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--bs-body-color);font-size:1.4em}.linear-audio-player.detailed-layout .audio-control-btn:hover{background:rgba(var(--bs-primary-rgb),.2);border-color:rgba(var(--bs-primary-rgb),.5);transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--bs-primary-rgb),.3)}.linear-audio-player.detailed-layout .audio-controls-row{display:flex;justify-content:center;align-items:center}.btn-lg{padding:.75rem 2rem;font-size:1.1rem;border-radius:8px}.btn-primary.btn-lg:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--bs-primary-rgb),.4)}.iso-card-detailed h5{font-weight:600;text-transform:uppercase;font-size:1rem;letter-spacing:.5px}.iso-card-detailed .mb-3 p{margin-bottom:0!important}.clickable-card{transition:transform .2s ease,box-shadow .2s ease!important}.clickable-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important}[data-bs-theme=dark] .clickable-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.4)!important}.clickable-row{transition:background-color .2s ease!important}.clickable-row:hover{background-color:rgba(var(--bs-primary-rgb),.1)!important}#shareModal .modal-content{border:1px solid rgba(var(--bs-primary-rgb),.2)}#shareModal .modal-header{background:linear-gradient(135deg,rgba(var(--bs-primary-rgb),.1) 0,rgba(var(--bs-primary-rgb),.05) 100%);border-bottom:1px solid rgba(var(--bs-primary-rgb),.2)}#shareModal .modal-title{color:var(--bs-primary);font-weight:600}#shareModal #shareUrl{background-color:var(--bs-secondary-bg);border:1px solid rgba(var(--bs-primary-rgb),.2);font-family:monospace;font-size:.9rem}#shareModal #shareUrl:focus{border-color:var(--bs-primary);box-shadow:0 0 0 .2rem rgba(var(--bs-primary-rgb),.25)}#shareUrlCopyIcon.text-success{color:var(--bs-success)!important}#shareUrlCopyIcon.text-warning{color:var(--bs-warning)!important}@media (max-width:992px){.iso-card-detailed .card-body .row .col-lg-6:first-child{margin-bottom:2rem}}@media (max-width:768px){.iso-card-detailed .card-body{padding:1.2rem}.iso-card-detailed .card-header{padding:.8rem 1.5rem}.iso-card-detailed .card-header .d-flex{flex-direction:column;align-items:flex-start!important;gap:1rem!important}.linear-audio-player.detailed-layout{padding:1rem;min-width:300px}.linear-audio-player.detailed-layout .audio-main-control{height:120px!important}.linear-audio-player.detailed-layout .audio-control-btn{width:50px;height:50px;font-size:1.2em}}.audio-control-btn i.bi-check-lg{color:var(--bs-success)!important}#esbBagOverlay{font-family:inherit;z-index:10000;background-color:#000!important}#esbBagOverlay .modal{z-index:10200!important}#esbBagOverlay .modal-backdrop{z-index:10150!important}.modal.download-modal{z-index:10300!important}.modal.download-modal .modal-backdrop{z-index:10250!important}.esb-clip-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;transition:all .2s ease;position:relative;min-height:140px;display:flex;flex-direction:column;overflow:hidden}.esb-clip-card:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.esb-clip-card.playing{border-color:var(--bs-success);background:rgba(25,135,84,.2);animation:esb-pulse 1.5s ease-in-out infinite alternate}@keyframes esb-pulse{from{background:rgba(25,135,84,.2)}to{background:rgba(25,135,84,.35)}}.esb-clip-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px}.esb-clip-card.loaded-slot{background:var(--bs-primary);border-color:var(--bs-primary);color:#fff}.esb-clip-card.loaded-slot:hover{background:var(--bs-primary);border-color:var(--bs-primary);filter:brightness(1.1)}.esb-clip-card[data-custom-color]{border-width:2px}.esb-clip-card.empty-slot{background:rgba(255,255,255,.05);border:2px dashed rgba(255,255,255,.2);cursor:default}.esb-clip-card.empty-slot:hover{background:rgba(255,255,255,.08);transform:none;box-shadow:none}.empty-slot-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 10px}.esb-clip-actions{position:absolute;top:100%;left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:4px;opacity:0;transition:all .2s ease;z-index:10;margin-top:4px;background:rgba(0,0,0,.8);padding:4px 8px;border-radius:6px;backdrop-filter:blur(4px)}.esb-clip-slot:hover .esb-clip-actions{opacity:1}.esb-clip-name{margin-bottom:6px;text-align:center;flex:1;display:flex;align-items:center;justify-content:center}.esb-clip-name .clip-title{font-size:1.1rem!important;font-weight:600!important;line-height:1.2;word-break:break-word;display:block}.esb-clip-duration{text-align:center;margin-top:auto}.esb-clip-duration small{color:rgba(255,255,255,.9)!important;font-weight:500;font-size:.8rem}.esb-clips-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:50px 17px;min-width:1200px;width:max(1200px,80vw);max-width:calc(100vw - 5%);margin:0 auto;padding:20px;will-change:contents}.esb-clip-slot{aspect-ratio:1.3;min-height:92px;position:relative}.esb-clip-slot .esb-clip-card{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.esb-clip-number{position:absolute;top:4px;left:4px;background:rgba(0,0,0,.7);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;z-index:5}.esb-clip-stop-btn{position:absolute;top:4px;right:4px;background:rgba(220,53,69,.9);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.7rem;cursor:pointer;z-index:10;transition:all .2s ease;opacity:.8}.esb-clip-stop-btn:hover{background:#dc3545;opacity:1;transform:scale(1.1)}.esb-clip-stop-btn:active{transform:scale(.95)}.esb-clip-playhead{position:absolute;top:0;left:-1px;width:0;height:100%;border-left:1px dotted rgba(255,255,255,.8);z-index:2;display:none;pointer-events:none}.esb-clip-playhead.playing{display:block;animation-name:playhead-seek;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes playhead-seek{0%{left:-1px}100%{left:calc(100% - 1px)}}.esb-bag-header h2{font-weight:300;letter-spacing:1px}@media (max-width:768px){.esb-clip-actions{opacity:1;position:static;transform:none;margin-top:8px;background:rgba(0,0,0,.6);border-radius:4px}.esb-clips-grid{grid-template-columns:repeat(4,1fr);gap:42px 15px;padding:15px}.esb-clip-slot{min-height:62px}.esb-clip-number{width:16px;height:16px;font-size:.6rem}}@media (max-width:480px){.esb-clips-grid{grid-template-columns:repeat(3,1fr);gap:38px 12px;padding:10px}.esb-clip-slot{min-height:54px}.esb-clip-actions{padding:2px 4px;gap:2px}.esb-clip-actions .btn{padding:2px 4px;font-size:.7rem}}.esb-clip-card.reorder-mode{cursor:grab;border:2px dashed rgba(255,193,7,.5);background:rgba(255,193,7,.1)!important}.esb-clip-card.reorder-mode:hover{border-color:rgba(255,193,7,.8);background:rgba(255,193,7,.2)!important}.esb-clip-card.reorder-mode[draggable=true]:active{cursor:grabbing}.esb-clip-card.dragging{opacity:.5;transform:rotate(5deg);z-index:1000}.esb-clip-slot.drop-target{background:rgba(40,167,69,.2);border:2px dashed #28a745;border-radius:8px}.esb-clip-slot.drop-target .esb-clip-card{opacity:.7}.reorder-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:rgba(255,193,7,.8);pointer-events:none;z-index:10}.esb-clip-slot.reorder-mode .esb-clip-actions{display:none}#esbAddToBagBtn{animation:esb-fade-in .3s ease}@keyframes esb-fade-in{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}#esbBagIcon .badge{animation:esb-badge-bounce .4s ease}@keyframes esb-badge-bounce{0%{transform:scale(.8)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.esb-clip-shortcut{position:absolute;top:4px;right:4px;background:rgba(0,123,255,.9);color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;font-family:monospace;text-transform:uppercase;z-index:5;pointer-events:none;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.esb-shortcut-pending{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,193,7,.9);color:#000;padding:8px;border-radius:50%;font-size:1.2rem;z-index:10;animation:esb-pulse 1s infinite;pointer-events:none}@keyframes esb-pulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.esb-clip-card.edit-shortcut-mode{border:2px dashed rgba(0,123,255,.5);cursor:pointer;transition:all .2s ease}.esb-clip-card.edit-shortcut-mode:hover{border-color:rgba(0,123,255,.8);background:rgba(0,123,255,.1)!important;transform:scale(1.02)}.esb-clip-card.pending-shortcut{border-color:rgba(255,193,7,.8);background:rgba(255,193,7,.15)!important;transform:scale(1.05);box-shadow:0 0 15px rgba(255,193,7,.3)}.esb-clip-card.edit-shortcut-mode .esb-clip-actions{display:none}.btn-outline-warning .bi-keyboard-fill{font-size:.9rem}.esb-bag-header .alert{animation:esb-fade-in .3s ease;border:none;backdrop-filter:blur(8px)}.esb-bag-header .alert-info{background:rgba(13,202,240,.2);color:#0dcaf0;border:1px solid rgba(13,202,240,.3)}.esb-bag-header .alert-warning{background:rgba(255,193,7,.2);color:#ffc107;border:1px solid rgba(255,193,7,.3)}