:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.page-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:auto}.top-container{display:flex;flex-direction:row;width:99vw;height:6vh;justify-content:right;align-items:center}.top-right-page-menu{display:flex;flex-direction:row;width:48vw;height:6vh;justify-content:center;align-items:center;gap:1vw}.addcarbtn{display:flex;flex-direction:row;width:10vw;height:6vh;justify-content:center;align-items:center}.addcar-btn,.removecar-btn,.addplaces-btn,.addvideo-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:.5vw;background-color:#e0f7fa;font-family:Segoe UI,sans-serif;font-size:1.2vw;border:1px solid purple;align-self:center;height:5vh;width:9vw;color:#036}.addcar-btn:hover,.removecar-btn:hover,.addplaces-btn:hover,.addvideo-btn:hover{background-color:#58d4e4}.removecarbtn{display:flex;flex-direction:row;width:12vw;height:6vh;justify-content:center;align-items:center;position:relative}.removecar-btn{width:11vw}.addplacesbtn{display:flex;flex-direction:row;width:11vw;height:6vh;justify-content:center;align-items:center;position:relative}.addplaces-btn{width:10vw}.floating-overlay-textarea{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:42vw;height:50vh;background:transparent;display:flex;align-items:center;justify-content:center;z-index:9999}.floating-input-textarea{background:#fff;padding:.5vw;border-radius:.5vw;width:40vw;height:48vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1vh;position:relative}.textarea{display:flex;flex-direction:column;justify-content:center;align-items:center;width:38vw;height:40vh;border:1px solid black;border-radius:.5vw}.floating-input h3{margin:0;font-size:16px;text-align:center}.floating-overlay-addcar{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:10%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.floating-input-addcar{background:transparent;width:62vw;height:7vh;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1vw}.carid-input{display:flex;flex-direction:column;justify-content:center;align-items:center;width:20vw;height:5vh;border:1px solid black;border-radius:.5vw}.submitgeneratecancel-btnadd{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:38vw;height:6vh;gap:1vw}.submit-btnadd,.generate-btnadd,.cancel-btnadd{display:flex;flex-direction:column;justify-content:center;align-items:center;width:10vw;height:6vh;align-self:flex-end;background-color:#e0f7fa;color:#036;border:none;border-radius:.5vw;cursor:pointer;font-weight:700;font-family:Segoe UI,sans-serif;transition:background .2s;font-size:1.2vw}.submit-btnadd:hover,.generate-btnadd:hover,.cancel-btnadd:hover{background-color:#58d4e4}.submitcancel-btnplaces{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:38vw;height:6vh;gap:1vw}.submit-btnplaces,.cancel-btnplaces{display:flex;flex-direction:column;justify-content:center;align-items:center;width:10vw;height:6vh;align-self:flex-end;background-color:#e0f7fa;color:#036;border:none;border-radius:.5vw;cursor:pointer;font-weight:700;font-family:Segoe UI,sans-serif;transition:background .2s;font-size:1.2vw}.submit-btnplaces:hover,.cancel-btnplaces:hover{background-color:#58d4e4}.addvideobtn{display:flex;flex-direction:row;width:10vw;height:6vh;justify-content:center;align-items:center;position:relative}.submenuremovecar,.submenuaddplaces,.submenuaddvideo{display:none;position:absolute;top:6vh;left:0;background:transparent;flex-direction:column;z-index:100;width:12vw;height:auto}.submenuaddplaces{width:11vw}.submenuaddvideo{width:10vw}.submenu-removecar,.submenu-addplaces,.submenu-addvideo{display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:.5vw;background-color:#e0f7fa;border:1px solid purple;align-self:center;height:5vh;width:9vw;color:#036;font-family:Segoe UI,sans-serif;font-size:1.2vw}.submenu-removecar:hover,.submenu-addplaces:hover,.submenu-addvideo:hover{background-color:#58d4e4}.submenu-removecar{width:11vw}.submenu-addplaces{width:10vw}.removecarbtn:hover .submenuremovecar,.addplacesbtn:hover .submenuaddplaces,.addvideobtn:hover .submenuaddvideo{display:flex}.floating-overlay-video{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.floating-input-video{background:transparent;width:62vw;height:7vh;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1vw}.choosefilediv{background:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:.5vw;width:47vw;height:6vh;gap:1vw}.choosefilebutton{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#e0f7fa;border-radius:.5vw;border:1px solid purple;width:15vw;height:5vh;margin-left:.5vw;color:#036;font-family:Segoe UI,sans-serif;font-size:1.2vw}.choosefilebutton:hover{background-color:#58d4e4}.selectedfilediv{display:flex;flex-direction:row;justify-content:center;align-items:center;width:30vw;height:5vh;overflow:hidden}.selectedfilenamediv,.nofilechosendiv{display:flex;flex-direction:row;justify-content:center;align-items:center;width:28vw;height:5vh;border:none;outline:none}.submit-btnvideo,.cancel-btnvideo{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#e0f7fa;border-radius:.5vw solid purple;width:7.5vw;height:6vh;color:#036;font-family:Segoe UI,sans-serif;font-size:1.2vw}.submit-btnvideo:hover,.cancel-btnvideo:hover{background-color:#58d4e4}.bottom-container{display:flex;flex-direction:row;width:99vw;height:auto;justify-content:center;align-items:center}.flexible-grid{display:grid;grid-template-columns:repeat(2,calc(50% - 1vw));grid-auto-rows:minmax(45vh,auto);width:98vw;height:auto;column-gap:2vw;row-gap:2vh}.grid-cell{border-radius:2vw;border:1px;position:relative;overflow:hidden}.video-wrapper{position:relative;width:100%;height:100%}.video-element{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:5px;left:5px;background-color:#0006;color:#fff;padding:4px 8px;border-radius:6px;font-size:1vw;font-family:Segoe UI,sans-serif;display:flex;flex-direction:column;gap:2px}.loader{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.alert-box{background:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 6px 18px #0003;text-align:center;max-width:400px}.alert-box p{margin-bottom:20px;font-size:16px;color:#333}.alert-btn{background-color:#ff4d4f;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}.alert-btn:hover{background-color:#ff7875}