: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:100%!important;min-width:auto!important;box-sizing:border-box!important}[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{margin:.5rem!important;border-radius:8px!important}.iso-card-detailed .card-body{padding:.75rem!important;overflow-x:hidden!important}.iso-card-detailed .card-header{padding:.75rem!important;overflow-x:hidden!important}.iso-card-detailed .card-header .d-flex{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.iso-card-detailed .card-header h4{font-size:1.1rem!important;word-break:break-word!important}.iso-card-detailed .row{margin:0!important;width:100%!important}.iso-card-detailed .col-lg-6{padding:0!important;margin-bottom:1rem!important;width:100%!important;max-width:100%!important}.iso-card-detailed p{word-break:break-word!important;overflow-wrap:break-word!important;font-size:.9rem!important}.iso-card-detailed h5{font-size:.95rem!important}.iso-card-detailed .small{font-size:.8rem!important}}@media (max-width:576px){.iso-card-detailed{margin:.25rem!important}.iso-card-detailed .card-body,.iso-card-detailed .card-header{padding:.5rem!important}.iso-card-detailed .card-header h4{font-size:1rem!important}.iso-card-detailed p{font-size:.85rem!important;line-height:1.3!important}}.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)}}.zoom-controls{transition:all .3s ease;margin-top:.5rem}.zoom-controls .btn{transition:all .2s ease;min-width:26px;margin:1px}.zoom-controls .btn:hover{transform:scale(1.05)}.playhead-controls+.zoom-controls{border-top:1px solid rgba(var(--bs-border-color-rgb),.2);padding-top:.5rem;margin-top:.5rem}.zoom-controls .d-flex.flex-wrap{justify-content:center;gap:2px}@media (max-width:576px){.container-fluid[style*="padding-left: 5%"]{padding-left:3%!important;padding-right:3%!important}.header .container-fluid{padding-left:3%!important;padding-right:3%!important}.header h1{font-size:1.1rem!important}.header .d-flex.align-items-center.gap-2{gap:.5rem!important}.header .btn-sm{padding:.25rem .4rem!important;font-size:.8rem!important}}@media (max-width:768px){#viewTable{display:none!important}.table-responsive{display:none!important}.card-view-container{display:block!important}.iso-card{margin-bottom:1rem!important;border-radius:8px!important}.iso-card .card-body{padding:.75rem!important}.linear-audio-player{max-width:100%!important;min-width:200px!important}.linear-audio-player.card-layout{min-width:200px!important;max-width:100%!important}.linear-audio-player.detailed-layout{min-width:280px!important;padding:.75rem!important}}@media (max-width:576px){.search-panel .card-body{padding:.75rem!important}.search-panel .row.g-3{gap:.5rem!important}.search-panel .input-group .btn{padding:.375rem .5rem!important}.search-panel .form-control,.search-panel .form-select{font-size:.9rem!important}.search-panel .col-6{flex:0 0 100%!important;max-width:100%!important}}@media (max-width:576px){.row.mb-3 .col-md-6{flex:0 0 100%!important;max-width:100%!important;text-align:center!important;margin-bottom:.5rem!important}.d-flex.justify-content-end{justify-content:center!important}.btn-group{width:100%!important}.btn-group .btn{flex:1!important}}@media (max-width:576px){.footer{font-size:.7rem!important;padding:.75rem 0!important;line-height:1.4!important}.footer .container-fluid{padding-left:3%!important;padding-right:3%!important}}@media (max-width:576px){.pagination{font-size:.8rem!important}.pagination .page-link{padding:.25rem .5rem!important}.pagination .page-item:not(.page-item-prev):not(.page-item-next) .page-link{display:none!important}}@media (max-width:576px){.modal-dialog{margin:.5rem!important;max-width:calc(100% - 1rem)!important}.modal-body{padding:1rem!important}.modal-header{padding:.75rem 1rem!important}.modal-footer{padding:.75rem 1rem!important}}@media (max-width:768px){.linear-audio-player.detailed-layout{width:100%!important;max-width:100%!important;padding:1rem!important;box-sizing:border-box!important}.linear-audio-player.detailed-layout .audio-main-control{height:120px!important;margin-bottom:1.5rem!important;width:100%!important}.mockup-controls{display:flex!important;flex-direction:column!important;gap:1.5rem!important;margin-bottom:2rem!important}.mockup-row-1{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:2rem!important}.mockup-row-2,.mockup-row-3{display:flex!important;justify-content:center!important}.mockup-clip-end,.mockup-clip-start,.mockup-playhead,.mockup-zoom{display:flex!important;flex-direction:column!important;align-items:center!important;gap:.5rem!important}.mockup-label{font-size:.9rem!important;color:#888!important;font-weight:500!important;text-align:center!important;margin-bottom:.25rem!important}.mockup-controls-row{display:flex!important;align-items:center!important;gap:.25rem!important;flex-wrap:wrap!important;justify-content:center!important}.mockup-btn{width:32px!important;height:32px!important;padding:0!important;font-size:.8rem!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:4px!important;min-width:32px!important}.mockup-input{width:80px!important;height:32px!important;text-align:center!important;font-size:.85rem!important;padding:.25rem!important;border-radius:4px!important;background:rgba(0,0,0,.1)!important;border:1px solid rgba(255,255,255,.2)!important;color:inherit!important}.linear-audio-player.detailed-layout .audio-controls-row{display:flex!important;justify-content:center!important;gap:1rem!important;margin-top:1rem!important}.linear-audio-player.detailed-layout .audio-control-btn{width:60px!important;height:60px!important;font-size:1.3em!important;border-radius:12px!important;flex:0 0 auto!important}}@media (max-width:576px){.linear-audio-player.detailed-layout{padding:.5rem!important}.linear-audio-player.detailed-layout .audio-main-control{height:100px!important}.linear-audio-player.detailed-layout .audio-control-btn{width:45px!important;height:45px!important;font-size:1em!important}.playhead-controls input{max-width:70px!important;font-size:.8rem!important}.playhead-controls .btn{padding:.2rem .3rem!important;font-size:.7rem!important}.zoom-controls .btn{padding:.2rem .3rem!important;font-size:.7rem!important}}@media (max-width:768px){.esb-clips-grid{min-width:auto!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px!important}}@media (max-width:576px){.esb-clips-grid{grid-template-columns:repeat(2,1fr)!important;gap:35px 10px!important;padding:8px!important}.esb-clip-slot{min-height:46px!important}.esb-clip-name .clip-title{font-size:.9rem!important}}@media (max-width:768px){body{overflow-x:hidden!important}.container-fluid{max-width:100vw!important;overflow-x:hidden!important}.row{margin-left:0!important;margin-right:0!important}.col,.col-*,[class*=col-]{padding-left:.5rem!important;padding-right:.5rem!important}.waveform-container,.waveform-content{max-width:100%!important;box-sizing:border-box!important}.waveform-container canvas,.waveform-content canvas,[id*=wavesurfer],wave{max-width:100%!important}}@media (max-width:576px){.small,small{font-size:.8rem!important}.btn-sm{padding:.2rem .4rem!important;font-size:.8rem!important}.card-title{font-size:1rem!important}.form-control,.form-select{padding:.375rem .5rem!important}}