*{box-sizing:border-box;}html,body{height:100%;margin:0;padding:0;}[availablewidth]{width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available;}[availableheight]{height:100%;height:-moz-available;height:-webkit-fill-available;height:fill-available;}[zindexTop9]{z-index:999999;}[zindexTop8]{z-index:999998;}[zindexTop7]{z-index:999997;}#photoInput{width:95px;font-size:14px;}#photoGallery{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;padding:3px;margin-bottom:50px;height:80%;}#photoGallery ul{list-style-type:none;padding:0;margin:0;display:flex;flex-wrap:wrap;max-width:100%;max-height:100%;}#photoGallery li{position:relative;box-sizing:border-box;padding:5px;flex:0 1 33.33%;}#photoGallery img{width:100%;height:100%;border-radius:8px;}#photoGallery img.fullscreen{max-width:70%;max-height:70%;margin:6px auto;object-fit:contain;z-index:999;cursor:pointer;border-radius:0;}#photoGallery li.fullscreen{flex:1 1 100%;display:flex;align-items:center;}#photoGallery-container{position:relative;display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:10px;padding:2px 5px;margin:10px;overflow:auto;box-sizing:border-box; }.background{box-sizing:border-box;background:linear-gradient(135deg,#026fbf 0%,#a2d2fb 100%);border-radius:10px;}#showy-controls{position:relative;background:linear-gradient(175deg,#004f91 0%,#a2d2fb 100%);padding:10px;border-radius:5px;display:flex;gap:10px;flex-wrap:wrap;}#showy-controls label{color:white;}#showy-controls select{background-color:#333;color:white;border:1px solid #555;padding:0px 5px;border-radius:3px;}.delete-icon{position:absolute;top:5px;right:5px;  background-color:rgba(255,255,255,0.8);border-radius:50%;   width:20px;height:20px;display:flex;align-items:center;  justify-content:center;cursor:pointer; box-shadow:0 2px 4px rgba(0,0,0,0.2); }.delete-icon svg{fill:red;  width:14px;height:14px;}@media only screen and (orientation:landscape){#photoGallery li{flex:0 1 16.66%;}[availableheight]{height:auto;}#photoGallery ul{margin:20px;}}@media only screen and (orientation:portrait){}.hidden{display:none !important;}#photoGallery img.fullscreen ~ .delete-icon{display:none;}.context-menu{display:none;position:fixed;z-index:9999;background-color:rgba(255,255,255,0.01);border:1px solid rgba(0,0,0,0.1);border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.2);padding:8px 0;font-family:Arial,sans-serif;backdrop-filter:blur(8px);max-height:300px;overflow-y:auto; }.context-menu ul{list-style:none;margin:0;padding:0;}.context-menu li{display:flex;align-items:center;padding:10px 15px;cursor:pointer;border-radius:4px;transition:background-color 0.3s;font-size:14px;}.context-menu li:hover{background-color:rgba(0,0,0,0.05);}.context-menu .icon{margin-right:10px;display:flex;align-items:center;justify-content:left;}.context-menu .icon svg{width:20px;height:20px;}.prevent-select{  -webkit-user-select:none;   -ms-user-select:none;   user-select:none;}dialog[open]{  opacity:1;  transform:scaleY(1);}dialog{opacity:0;transform:scaleY(0);transition:	opacity 0.7s ease-out,	transform 0.7s ease-out,	overlay 0.7s ease-out allow-discrete,	display 0.7s ease-out allow-discrete;}@starting-style{  dialog[open]{opacity:0;transform:scaleY(0);  }}dialog::backdrop{  background-color:rgb(0 0 0 / 0%);  transition:   display 0.7s allow-discrete,   overlay 0.7s allow-discrete,   background-color 0.7s;}dialog[open]::backdrop{  background-color:rgb(0 0 0 / 25%);}@starting-style{  dialog[open]::backdrop{background-color:rgb(0 0 0 / 0%);  }}#showyMode{position:fixed;top:15px;left:0;width:100vw;height:100vh;background-color:white;display:none;justify-content:center;align-items:center;z-index:999;}#showyMode img{max-width:70%;max-height:70%;position:absolute;opacity:0;transition:opacity 1s ease-in-out;}.face img,.dodec_face img{max-width:100%!important;max-height:100%!important;}#showyMode img.fade.active{opacity:1;}#showyMode img.slide{ left:100%;transition:left 1s ease-in-out,opacity 1s ease-in-out;}#showyMode img.slide.active{ left:0; opacity:1;}#showyMode img.slide-up-down{ top:100%;transition:top 1s ease-in-out,opacity 1s ease-in-out;}#showyMode img.slide-up-down.active{ top:0; opacity:1;}#showyMode img.slide-diagonal{transform:translate(100%,100%); transition:transform 1s ease-in-out;}#showyMode img.slide-diagonal.active{opacity:1;transform:translate(0,0);}#showyMode img.zoomin-out{transform:scale(0.8);transition:transform 1s ease-in-out,opacity 1s ease-in-out;}#showyMode img.zoomin-out.active{transform:scale(1);opacity:1;}#showyMode img.zoomin{transform:scale(1); transition:transform 1s ease-in-out;}#showyMode img.zoomin.active{opacity:1;transform:scale(1.2);}#showyMode img.flip-horizontal{transform:rotateY(90deg);transition:transform 1s ease-in-out,opacity 1s ease-in-out;}#showyMode img.flip-horizontal.active{transform:rotateY(0deg);opacity:1;}#showyMode img.flip-vertical{transform:rotateX(90deg);transition:transform 1s ease-in-out,opacity 1s ease-in-out;}#showyMode img.flip-vertical.active{transform:rotateX(0deg);opacity:1;}#showyMode img.rotate-clockwise{transform:rotate(90deg);transition:transform 1s ease-in-out,opacity 1s ease-in-out;}#showyMode img.rotate-clockwise.active{transform:rotate(0deg);opacity:1;}#showyMode img.rotate-counterclockwise{transform:rotate(-90deg);transition:transform 1s ease-in-out,opacity 1s ease-in-out;}#showyMode img.rotate-counterclockwise.active{transform:rotate(0deg);opacity:1;}#showyMode img.blur{filter:blur(10px);transition:filter 1s ease-in-out,opacity 1s ease-in-out;}#showyMode img.blur.active{filter:blur(0);opacity:1;}#showyMode img.scale-up{transform:scale(0.8);transition:transform 1s ease-in-out,opacity 1s ease-in-out;}#showyMode img.scale-up.active{transform:scale(1);opacity:1;}#showyMode img.scale-down{transform:scale(1.2);transition:transform 1s ease-in-out,opacity 1s ease-in-out;}#showyMode img.scale-down.active{transform:scale(1);opacity:1;}#showyMode img.accordion{transform:scaleY(0);transform-origin:top;transition:transform 1s ease-in-out,opacity 1s ease-in-out;}#showyMode img.accordion.active{transform:scaleY(1);opacity:1;}#showyMode img.wipe{clip-path:inset(0 100% 0 0); transition:clip-path 1s ease-in-out;}#showyMode img.wipe.active{clip-path:inset(0 0 0 0);opacity:1;}#showyMode img.curtain{clip-path:inset(0 0 100% 0); transition:clip-path 1s ease-in-out;}#showyMode img.curtain.active{clip-path:inset(0 0 0 0);opacity:1;}#showyMode img.flip-3D{transform:perspective(1000px) rotateY(-180deg); transition:transform 1s ease-in-out;}#showyMode img.flip-3D.active{transform:perspective(1000px) rotateY(0);opacity:1;}#showyMode img.radial-wipe{clip-path:circle(0% at 50% 50%);transition:clip-path 1s ease-in-out;opacity:0;}#showyMode img.radial-wipe.active{clip-path:circle(150% at 50% 50%);opacity:1;}#showyMode img.star-wipe{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%);transition:clip-path 1s ease-in-out,opacity 1s ease-in-out;opacity:0;}#showyMode img.star-wipe.active{clip-path:polygon(50% -10%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:1;}#showyMode img.roll{transform:rotate(360deg); transition:transform 1s ease-in-out;}#showyMode img.roll.active{opacity:1;transform:rotate(0deg);}#showyMode img.swirl{transform:rotate(180deg); transition:transform 1s ease-in-out;}#showyMode img.swirl.active{opacity:1;transform:rotate(0deg);}#cube{display:none;position:relative;width:200px;height:200px;transform-style:preserve-3d;transform-origin:center;margin:100px auto;transition:transform 1s ease-in-out;}#cube .face{position:absolute;width:200px;height:200px;background:rgba(0,0,255,0.35);border:1px solid #000;opacity:1;}#cube img{width:100%;height:100%;opacity:1;}.front{ transform:translateZ(100px);  background:hsla(300,50%,40%,0.67);}.back{ transform:rotateY(180deg) translateZ(100px); background:hsla(120,80%,50%,0.55); }.left{ transform:rotateY(-90deg) translateZ(100px); background:hsla(200,70%,60%,0.60); }.right{ transform:rotateY(90deg) translateZ(100px); background:hsla(340,90%,45%,0.61); }.top{ transform:rotateX(90deg) translateZ(100px); background:hsla(60,85%,55%,0.68); }.bottom{ transform:rotateX(-90deg) translateZ(100px); background:hsla(180,75%,65%,0.72);}#dodecahedron{display:none;position:relative;width:300px;height:300px;transform-style:preserve-3d;animation:rotate 10s infinite linear;perspective:2000px;}#dodecahedron .dodec_face{position:absolute;width:190px;height:190px;background:rgba(255,255,255,0.75);border:1px solid #ccc;transform-origin:center;clip-path:polygon(50% 0%,100% 38%,81% 100%,19% 100%,0% 38%);}#dodecahedron .dodec_face img{opacity:1;width:100%;height:100%;}#dodec_face1 { transform:rotateY(0deg) rotateX(36deg) translateZ(190px); }#dodec_face2 { transform:rotateY(72deg) rotateX(36deg) translateZ(190px); }#dodec_face3 { transform:rotateY(144deg) rotateX(36deg) translateZ(190px); }#dodec_face4 { transform:rotateY(216deg) rotateX(36deg) translateZ(190px); }#dodec_face5 { transform:rotateY(288deg) rotateX(36deg) translateZ(190px); }#dodec_face6 { transform:rotateY(0deg) rotateX(-36deg) translateZ(190px); }#dodec_face7 { transform:rotateY(72deg) rotateX(-36deg) translateZ(190px); }#dodec_face8 { transform:rotateY(144deg) rotateX(-36deg) translateZ(190px); }#dodec_face9 { transform:rotateY(216deg) rotateX(-36deg) translateZ(190px); }#dodec_face10{ transform:rotateY(288deg) rotateX(-36deg) translateZ(190px); }#dodec_face11{ transform:rotateY(36deg) rotateX(90deg) translateZ(190px); }  #dodec_face12{ transform:rotateY(36deg) rotateX(-90deg) translateZ(190px); } #transitionName{position:relative;z-index:99999;padding:5px 2px;}#exportButtonDiv{display:none;position:absolute;top:70px;}.exportButtoncontainer{display:none;gap:5px;}.exportButton{position:relative;top:1px;z-index:9999;background-color:#007bff;color:#fff;border:none;  padding:2px 5px;border-radius:5px;cursor:pointer;   font-size:14px;	height:28px;text-align:center;flex-wrap:nowrap;}.exportButton:hover{background-color:#0056b3; }#progress-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);display:none;justify-content:center;align-items:center;z-index:99999; }#progress-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;background-color:#333;padding:15px;border-radius:8px; }#progress-bar{width:180px;height:30px;margin-top:10px;}#progress-text{color:white;font-size:20px;margin-top:10px;}#cancel-button{margin-top:10px;padding:4px 10px;font-size:12px;background-color:red;color:white;border:none;cursor:pointer;}#cancel-button:hover{background-color:darkred;}#manualInstallPrompt{z-index:9999;fill:#fff; width:200px; position:absolute; top:30px; left:10px;}.ebookAlbum{  display:none;  justify-content:center;  align-items:center;  perspective:1000px;  width:80%;  height:80%;  margin:20px auto;  position:relative;}.page{position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;transform-origin:left;transition:transform 0.7s ease;display:flex;justify-content:center;align-items:center;font-size:24px;}  .page img{width:50%;height:100%;position:absolute;opacity:1!important;}#leftPage{left:0;transform-origin:right;}#rightPage{right:0;transform-origin:left;}#next-page{left:50%;transform:rotateY(180deg);z-index:1;}.ebookAlbum > button{  position:absolute;  top:50%;  transform:translateY(-50%);  background-color:transparent;  border:none;  font-size:24px;  cursor:pointer;  z-index:99;}#prevPageBut{  left:10px;outline:#fff solid 1px;}#nextPageBut{  right:10px;outline:#fff solid 1px;}.flipped{transform:rotateY(-180deg);}.dalbum-page{position:absolute;height:100%;width:50%;transition:0.7s ease-in-out;transform-style:preserve-3d;right:0;transform-origin:left;border-radius:10px 0 0 10px;}.dalbum-front,.dalbum-back{margin:0;height:100%;width:100%;position:absolute;left:0;top:0;backface-visibility:hidden;overflow:hidden;}.dalbum-front{object-position:right top;border-radius:0 10px 10px 0;box-shadow:2px 2px 15px -2px rgba(0,0,0,0.2);}.dalbum-back{object-position:left top;border-radius:10px 0 0 10px;box-shadow:-2px 2px 15px -2px rgba(0,0,0,0.2);transform:rotateY(180deg);}.dalbum-flip{transform:rotateY(-180deg);}.dalbum-flip::before{content:"";position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;border-radius:0 10px 10px 0;background-color:rgba(0,0,0,0.1);}#pages{width:100%;height:100%;}#pages img{max-width:100%;max-height:100%;position:absolute;opacity:1;transition:opacity 1s ease-in-out;}#cover,#back-cover{font-family:calibri;text-align:left;padding:0 30px;}#cover h1{color:#fff;}#cover p{color:rgba(0,0,0,0.8);font-size:14px;}.myform-check{position:absolute;z-index:999;font-size:10px;}.footer{bottom:0px;position:absolute;width:100%;height:10px;}.mypy-4{padding-bottom:1.5rem !important;}