*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}:root{--primary-color: #64b5f6;--primary-color-darker: #42a5f5;--secondary-color: #a8dadc;--secondary-color-darker: #77aca2;--text-color-dark: #1a1a1a;--text-color-light: #242424;--background-color-light: rgba(255, 255, 255, .8);--background-color-overlay: rgba(0, 0, 0, .5);--border-color: #777777;--border-radius: 8px;--font-family-base: "Nunito", sans-serif;--box-shadow-default: 5px 5px 7px rgba(0, 0, 0, .6)}body{font-family:var(--font-family-base);margin:0;padding:20px;color:var(--text-color-dark);display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background-color-light)}.container{width:90%;max-width:800px;padding:20px;background-color:var(--background-color-light);border-radius:12px;box-shadow:0 4px 8px #0000001a;text-align:center}h1,h3,h4{color:var(--text-color-dark);margin-bottom:15px}h3{font-size:1.5em;margin-bottom:10px;color:var(--text-color-dark);font-weight:700}h4{font-size:1.2em;margin-top:20px;margin-bottom:10px;color:var(--text-color-light)}p{line-height:1.6;margin-bottom:15px}label{display:block;margin-bottom:5px;color:#555}input[type=text],input[type=file],input[type=range],select{padding:10px;border:1px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;margin-bottom:10px;font-size:1em}select{width:100%;max-width:300px;border-color:var(--primary-color)}input[type=file]{margin-top:10px;padding:8px}input[type=range]{width:100%;max-width:150px}button{padding:12px 18px;background-color:var( --secondary-color );color:var(--text-color-dark);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .3s ease,color .3s ease;font-size:1em;font-weight:700}button:hover{background-color:var( --secondary-color-darker );color:#fff}button:disabled{background-color:#e0e0e0;color:#777;cursor:not-allowed}body.index{background-image:url(/assets/stadium-nqebRLIK.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}body.index:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:-1}#hlsPlayer,#montageVideoPlayer{display:none;margin:20px auto;max-width:100%;height:auto;border:2px solid var(--primary-color);border-radius:var(--border-radius)}#selectMusicButton{background-color:var( --primary-color )}#selectMusicButton:hover{background-color:var(--primary-color-darker)}body.audioEditor{background-image:url(/assets/balls-CWVp1I4E.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}body.audioEditor:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:-1}body.audioEditor .container{text-align:left;max-width:inherit;position:relative}#infoButton{position:absolute;top:10px;right:10px;background-color:transparent;color:var(--text-color-light);border:none;font-size:1.5em;cursor:pointer;opacity:.7;transition:opacity .3s ease}#infoButton:hover{opacity:1}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;align-content:center}.modal-content{background-color:var(--background-color-light);margin:auto;padding:20px;border:1px solid var(--border-color);border-radius:var(--border-radius);width:80%;max-width:600px;box-shadow:0 4px 8px #0003;position:relative;text-align:left}.close-button{color:#aaa;position:absolute;top:0;right:10px;font-size:28px;font-weight:700;cursor:pointer}.close-button:hover,.close-button:focus{color:#000;text-decoration:none;cursor:pointer}.modal-content h3{margin-top:0;margin-bottom:15px}.modal-content p{margin-bottom:10px}.modal-content ul{padding-left:20px;margin-bottom:15px}.modal-content li{margin-bottom:5px}.do-not-show-again{margin-top:20px;display:flex;align-items:center;gap:10px}#selectMusicDiv{display:flex;flex-direction:row;column-gap:1em;row-gap:1em;flex-wrap:wrap}#selectMusicDiv section{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:0 1em}#sampleMusicOptions{margin-bottom:1em}#sampleMusicOptions button{background-color:#e0e0e0;color:var(--text-color-dark);padding:10px 15px;border:none;border-radius:var(--border-radius);cursor:pointer;margin:5px;transition:background-color .3s ease;box-shadow:var( --box-shadow-default )}#sampleMusicOptions button:hover{background-color:#d0d0d0}#waveform{border:1px solid var(--border-color);margin-top:20px;border-radius:var(--border-radius)}#waveform ::part(marker){border:0px solid #ff0c0c;cursor:default}#waveform ::part(region-content){transform:translate(-50%);padding:0;cursor:grab;margin-top:0;font-size:1.5em}#waveform ::part(cursor){border-radius:.5em;border:1px solid #00000000}#waveform ::part(cursor):after{content:"▲";font-size:1.5em;position:absolute;left:0;top:-28px;transform:translate(-50%);margin-top:32vh}#waveform ::part(region-handle-left){border-left-width:.5em;border-left-color:#8d8400}#waveform ::part(region-handle-right){border-right-width:.5em;border-right-color:#8d8400}#audioControls{display:flex;flex-direction:column;padding-top:1em;row-gap:1em;margin-top:20px}#audioControls.controls-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1em;width:100%}#audioControls button{flex:1;min-width:100px}#playbackSlider{width:11em}#zoomDiv,#playbackDiv{margin-bottom:10px;flex-direction:column;align-items:center}#lockRegionDiv{margin-bottom:10px;display:flex;flex-direction:row;align-items:start;column-gap:.5em}#generateButtonContainer{justify-content:center;margin-top:1em;display:flex}#generateButtonContainer button{width:100%;box-shadow:var( --box-shadow-default );background-color:var( --primary-color )}body.montageVideo{background-image:url(/assets/ball-C_38tS7b.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}body.montageVideo:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:-1}#montageTitle{margin-bottom:10px}#videoPlaceholder{width:80%;max-width:800px;margin:20px auto;background-color:#eee;aspect-ratio:16/9;display:flex;justify-content:center;align-items:center;position:relative}#videoPlaceholder.ready{background-color:transparent}#videoPlaceholder video{width:100%;height:100%}#generatingOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var( --background-color-overlay );color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid var(--primary-color);border-radius:var(--border-radius)}.loader{border:8px solid #f3f3f3;border-top:8px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#progressMessage{font-size:1.2em;margin-bottom:5px}#montageProgressLvlDisplay{font-size:1em;margin-bottom:10px;color:#ddd}#errorDisplay{color:red;margin-top:20px}.button-container{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:15px;flex-direction:row;flex-wrap:wrap}.button-container a,.button-container button{padding:10px 20px;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;min-width:150px;box-sizing:border-box;margin-bottom:0}#downloadButton{background-color:#4caf50;color:#fff}#downloadButton:hover{background-color:#45a049}#newMontageButton{background-color:var(--secondary-color);color:var(--text-color-dark);border:none}#newMontageButton:hover{background-color:var(--secondary-color-darker);color:#fff}#videoDeletionWarning{color:#861d1d;font-weight:700;font-size:.9em;margin-top:5px;margin-bottom:20px;padding:10px;background-color:#ffebcd4d;border:1px solid #ffb347;border-radius:var(--border-radius);text-align:center}@media (min-width: 768px){.container{padding:30px}}@media (max-width: 767px){body{padding:10px}.container{width:100%;border-radius:0;box-shadow:none}.modal-content{width:95%;margin-top:10%;padding:15px}.modal-content h3{font-size:1.3em}#audioControls .controls-row{flex-direction:column;align-items:stretch}#audioControls button{margin-bottom:10px;min-width:auto}#zoomDiv,#playbackDiv,#lockRegionDiv{margin-bottom:20px}#waveform{margin-top:10px;border-radius:0}#hlsPlayer,#videoPlaceholder{margin:10px auto}.button-container{flex-direction:column;align-items:center;gap:10px}.button-container a,.button-container button{width:100%;min-width:auto;margin-bottom:10px}#downloadButton{width:calc(100% - 40px);margin:15px 20px}#videoDeletionWarning{font-size:.85em;padding:8px;margin-bottom:15px}#selectMusicDiv{flex-direction:column;column-gap:0;row-gap:1em}}