@font-face{font-family:"Oswald";src: url("Oswald.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap}@font-face{font-family:"Open Sans";src: url("OpenSans.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap}#tune-tempo-app{max-width: 800px;margin: 0 auto;padding: 20px;text-align: center}#tune-tempo-app section{margin-bottom: 20px}#tune-tempo-app #upload-section{border-bottom: 1px solid #ddd;padding-bottom: 24px;margin-bottom: 0}#upload-section h2{font-size: 24px}#time-section{font-family: monospace;font-size: 16px}#waveform{position: relative;height: 200px;cursor: pointer;background: #f9f9f9;border: 1px solid #ccc;border-radius: 8px;box-shadow: 0 2px 6px rgba(0,0,0,0.15);overflow: hidden}#waveform canvas{position: relative;z-index: 1}#waveform canvas:hover{opacity: 0.9}#region-overlay{position: absolute;top:0;left:0;height:100%;background:lightgrey;pointer-events:none;z-index:0}#line-start,#line-end{position:absolute;top:0;width:2px;height:100%;background:black;pointer-events:none;z-index:2}#loop-section{}#loop-info{display: flex;align-items: center;font-family: monospace;font-size: 14px;margin-bottom: 8px}#loop-info label{white-space: nowrap;margin-right: 4px}#loop-info input[type="text"]{width: 80px;padding: 4px;font-family: monospace;font-size: 14px;text-align: center;margin: 0}#loop-info input#loop-start-input{margin-right: auto}#loop-info label[for="loop-end-input"]{margin-left: 8px;margin-right: 4px}#loop-section .button-row{display: flex;justify-content: space-between;width: 100%}#speed-section{border-top: 1px solid #ddd;padding-top: 10px}#slider-control{margin-bottom: 8px}#speed-range{width: 250px;cursor: pointer}#speed-display{font-size: 16px;margin-bottom: 8px}#speed-buttons{display: flex;justify-content: center;flex-wrap: wrap;gap: 8px;margin-top: 8px}#speed-buttons button{background: #424242;border: 1px solid #616161;border-radius: 20px;padding: 6px 12px;font-size: 14px;color: #fff;cursor: pointer;transition: background-color 0.2s,border-color 0.2s}#speed-buttons button:hover{background: #616161;border-color: #757575}#speed-buttons button.active{background: #009688;color: #fff;border-color: #009688}#speed-buttons button:disabled{opacity: 0.5;cursor: not-allowed}#controls-section{border-top: 1px solid #ddd;padding-top: 10px;display: flex;justify-content: center;gap: 20px}#controls-section button{border: none;background: none;padding: 0;cursor: pointer}#controls-section .btn-play{background-color: #0288d1;border-radius: 8px;padding: 12px 64px;color: #fff;display: flex;align-items: center;justify-content: center;transition: background-color 0.2s}#controls-section .btn-play:hover{background-color: #0277bd}#controls-section .btn-stop{background-color: #b0bec5;border-radius: 8px;padding: 12px;color: #37474f;display: flex;align-items: center;justify-content: center;transition: background-color 0.2s}#controls-section .btn-stop:hover{background-color: #90a4ae}#controls-section .btn-play svg,#controls-section .btn-stop svg{width: 30px;height: 30px;fill: currentColor}#export-section{border-top: 1px solid #ddd;padding-top: 10px;justify-content: center}#export-progress-container{width: 100%;max-width: 250px;background-color: #f0f9f0;border: 1px solid #ccc;border-radius: 5px;margin-left: 10px;display: none}#export-progress-bar{width: 0%;height: 24px;background-color: #28a745;border-radius: 5px;transition: width 0.1s linear;color: white;line-height: 24px;font-size: 14px;font-weight: bold}#export-status{font-weight: bold;margin-left: 10px}.custom-file-upload input[type="file"]{display: none}.custom-file-upload{display: inline-block;padding: 10px 20px;background-color: #0288d1;color: #fff;font-size: 16px;font-family: sans-serif;border-radius: 6px;cursor: pointer;transition: background-color 0.2s}.custom-file-upload:hover{background-color: #0277bd}#tune-tempo-app #time-section{padding-top: 20px;margin-bottom: 5px}#tune-tempo-app #waveform-section{margin-bottom: 13px}#tune-tempo-app #copy-section{margin-top: 100px}#copy-section a{color: rgb(95,170,210)}#tune-tempo-app #copy-section h2{margin-top: 40px}#tune-tempo-app #copy-section ol,#tune-tempo-app #copy-section ul{text-align: left}#loop-slider-wrap{margin: 20px 0 10px;padding: 8px 6px 2px}#loop-slider-wrap.is-disabled{opacity: 0.5;pointer-events: none}#loop-range-slider{margin: 0 6px}#loop-slider-actions{display: flex;justify-content: center;gap: 14px;margin-bottom: 16px}#loop-slider-actions .slider-reset{background: none;border: none;cursor: pointer;font-size: 20px;line-height: 1;padding: 4px 8px;color: #d81b60;transition: color 0.2s}#loop-slider-actions .slider-reset:hover:not(:disabled){color: #000}#loop-slider-actions .slider-reset:disabled{opacity: 0.5;cursor: not-allowed}#loop-range-slider.noUi-target{background: #e9ecef;border: 1px solid #cfd8dc;box-shadow: none;border-radius: 999px;height: 12px}#loop-range-slider .noUi-connect{background: #009688}#loop-range-slider .noUi-handle{width: 22px;height: 22px;right: -11px;top: -6px;border-radius: 50%;border: 2px solid #009688;box-shadow: none;cursor: grab}#loop-range-slider .noUi-handle:before,#loop-range-slider .noUi-handle:after{display: none}#loop-range-slider .noUi-touch-area{cursor: inherit}@media (max-width: 600px){#loop-range-slider .noUi-handle{width: 26px;height: 26px;right: -13px;top: -8px}}input[type="range"]{-webkit-appearance: none;appearance: none;width: 100%;height: 20px;margin: 0 8px}input[type="range"]::-webkit-slider-runnable-track{background: #0288d1;border-radius: 6px;height: 12px;cursor: pointer}input[type="range"]::-moz-range-track{background: #0288d1;border-radius: 6px;height: 12px;cursor: pointer}input[type="range"]::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 20px;height: 20px;border-radius: 50%;background: #fff;border: 2px solid #01579b;margin-top: -4px;cursor: pointer}input[type="range"]::-moz-range-thumb{width: 20px;height: 20px;border-radius: 50%;background: #fff;border: 2px solid #01579b;cursor: pointer}input[type="range"]:hover::-webkit-slider-thumb,input[type="range"]:focus::-webkit-slider-thumb{background: #f1f1f1;border-color: #014a75}input[type="range"]:hover::-moz-range-thumb,input[type="range"]:focus::-moz-range-thumb{background: #f1f1f1;border-color: #014a75}#controls-section .btn-stop{background-color: #4fc3f7;color: #fff}#controls-section .btn-stop:hover{background-color: #29b6f6}#export-btn{background-color: #212121;color: #fff;border: none;padding: 12px 24px;border-radius: 8px;display: inline-flex;align-items: center;gap: 8px;font-size: 16px;cursor: pointer;transition: background-color 0.2s}#export-btn svg{width: 20px;height: 20px;fill: currentColor}#export-btn:hover:not(:disabled){background-color: #424242}#export-btn:disabled{opacity: 0.5;cursor: not-allowed}#export-section{display: flex;flex-direction: column;align-items: center;gap: 12px}#export-section{display: flex;flex-direction: column;align-items: center;gap: 12px}#export-section>button{order: 0}#export-status{order: 1}#export-progress-container{order: 2}@media (max-width: 1024px){#time-section{scroll-margin-top: 49px}}.vw-header-area.tune-tempo-header{margin-bottom: 5px}#tunetempo-logo{height: auto;filter: none}.loop-mark-btn{background: #0288d1;color: #fff;border: none;border-radius: 4px;padding: 6px 12px;cursor: pointer;transition: background-color 0.2s;font-size: 14px}.loop-mark-btn:hover:not(:disabled){background: #0277bd}.loop-mark-btn:disabled{opacity: 0.5;cursor: not-allowed}#region-overlay,#line-start,#line-end{pointer-events: none}#controls-section .btn-play:disabled,#controls-section .btn-stop:disabled{opacity: 0.5;cursor: not-allowed}#controls-section .btn-play:hover:not(:disabled){background-color: #0277bd}#controls-section .btn-stop:hover:not(:disabled){background-color: #61c9f8}input[type="range"]:disabled{opacity: 0.5;cursor: not-allowed}input[type="range"]:disabled::-webkit-slider-thumb,input[type="range"]:disabled::-moz-range-thumb{cursor: not-allowed}