@font-face{font-family:iCiel Samsung Sharp Sans;src:url(/assets/iCielSamsungSharpSans-Bold-DmitBPHT.eot);src:url(./assets/fontsiCielSamsungSharpSans-Bold.eot?#iefix) format("embedded-opentype"),url(./assets/fontsiCielSamsungSharpSans-Bold.woff2) format("woff2"),url(./assets/fontsiCielSamsungSharpSans-Bold.woff) format("woff"),url(./assets/fontsiCielSamsungSharpSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{font-family:iCiel Samsung Sharp Sans;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;-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}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;color:#fff;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;color:#213547}}#root{width:100%;height:100%;margin:0;padding:0;background-color:#fff;position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto}.app-container{height:100vh;min-height:100vh;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:5%;flex-direction:column;box-sizing:border-box}.app-container .bg-container{position:absolute;top:0;left:0;width:100%;height:100%}.app-container .bg-container img{width:100%;height:100%;object-fit:contain}.main-container{display:block;width:100%}.zoom-container{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center;aspect-ratio:16/9;perspective:1000px}.zoom-container:active{cursor:grabbing}.grid-container{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:1;border-radius:10px}.grid-content{display:grid;height:100%;transform-origin:0 0;aspect-ratio:16/9;border-radius:10px}.grid-cell{box-sizing:border-box;transition:background-color .2s ease}.grid-cell:hover{background-color:#e0e0e0!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;transition:opacity .2s ease;transform-origin:0 0;border-radius:10px}.overlay:hover{opacity:.95!important}body,html{margin:0;padding:0;overflow:auto;font-family:iCielSamsungSharpSans,sans-serif}.progress-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:10px;color:#000}.progress-bar-fill{height:100%;background-color:#61dafb;border-radius:10px 0 0 10px;transition:width .5s ease-in-out}.image-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;max-width:100vw;aspect-ratio:16/9;min-height:200px;max-height:75%}.info-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#000;width:100%}.info-container .info-container-content{width:100%;display:flex;justify-content:center;margin-bottom:20px}.info-container .info-container-content img{aspect-ratio:16/1;width:80%}.info-container .loading-wrapper{position:relative;width:100%;height:50px;margin:50px auto;border-radius:25px;overflow:hidden}.info-container .info-container-progress{position:relative;width:100%;box-sizing:border-box;display:flex;align-items:center;background-image:url(../assets/images/loading.png);background-size:contain;background-position:center;background-repeat:no-repeat;aspect-ratio:19/1;border-radius:10px;@keyframes loading{0%{width:0%}to{width:100%}}}.info-container .info-container-progress .progress-bar{height:90%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#ea67ab,#ea67ab 95%,#fff);transition:width .3s ease}.info-container .info-container-progress .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700}.info-container .info-container-progress .text span{font-size:32px}.info-container .info-container-progress .loading .progress-bar{animation:loading 3s linear infinite}.qr-code-page{background:url(/assets/iconUpload-D5M3UeJs.png);background-size:contain;background-position:center;background-repeat:no-repeat;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding-top:25px;padding-bottom:60px;box-sizing:border-box;overflow:auto}.qr-code-page-white{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding-top:25px;padding-bottom:60px;box-sizing:border-box;overflow:auto}.back-button{max-width:200px;display:flex;justify-content:center;align-items:center;cursor:pointer}.back-button.disabled{cursor:not-allowed;opacity:.5}.back-button img{width:100%;height:100%;object-fit:contain}.qr-code-page-button{width:40%;max-width:200px;display:flex;justify-content:center;align-items:center;cursor:pointer}.qr-code-page-button.disabled{cursor:not-allowed;opacity:.5}.qr-code-page-button img{width:100%;height:100%;object-fit:contain}.qr-code-page-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.qr-code-page-content .text1{width:80%}.qr-code-page-content .text2{width:70%}.frame-image{width:100%;max-width:312px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 auto}.frame-image-content{width:100%;height:100%;display:flex;align-items:center}.frame-image img{width:100%;height:100%;object-fit:contain;display:block}.qr-code-page-list-button{display:flex;gap:10px;align-items:center;margin-bottom:60px;justify-content:center}.qr-code-page-list-button-upload{width:150px}.qr-code-page-list-button-upload img{width:100%;height:100%;object-fit:contain}.qr-code-page-list-button-submit{display:flex;justify-content:center;align-items:center;color:#000;background-color:#61dafb;border-radius:10px;padding:5px;cursor:pointer;height:35px;font-size:16px;font-weight:600}.qr-code-page-list-button-submit:hover{background-color:#f0f0f0}.image-grid{display:grid;gap:20px;padding:20px;width:100%;box-sizing:border-box;margin:0 auto}@media (min-width: 320px){.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:10px}}@media (min-width: 768px){.image-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:15px;gap:15px}}@media (min-width: 1024px){.image-grid{grid-template-columns:repeat(6,minmax(0,1fr));padding:20px;gap:20px}}.image-item{position:relative;width:100%;padding-top:177.77%;overflow:hidden}.image-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:5px}.download-button{position:absolute;bottom:10px;right:10px;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px;z-index:2;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#6a8df8,#77b6ec,#68d4c5)}.image-item:hover .download-button{opacity:1}.download-button:hover{background-color:#000000e6}.text-success{color:#002eff;font-size:16px;font-style:italic}@keyframes dropImage{0%{transform:translateY(-100vh);opacity:0;background-image:none!important}70%{transform:translateY(10%);opacity:1;background-image:none!important}85%{transform:translateY(-5%);background-image:none!important}99%{background-image:none!important}to{transform:translateY(0);opacity:1}}.grid-cell.animate-drop{animation:dropImage 1s cubic-bezier(.25,.46,.45,.94) forwards;animation-fill-mode:both;will-change:transform,opacity}.grid-cell.animate-drop.animation-complete{animation:none;transform:translateY(0);opacity:1}.images-page-container{padding:20px;width:100%;max-width:100vw;margin:0 auto;box-sizing:border-box;overflow-x:hidden}.filter-section{margin-bottom:20px;display:flex;gap:10px;align-items:center;justify-content:flex-end;width:100%;padding:0 20px;box-sizing:border-box}.date-picker{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px;background-color:#fff;color:#000;cursor:pointer;outline:none}.date-picker::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(0) brightness(0%);opacity:.8}.date-picker:hover{border-color:#61dafb}.date-picker:focus{border-color:#61dafb;box-shadow:0 0 0 2px #61dafb33}.date-picker:focus-visible{color:#000}.filter-button{padding:8px 16px;background-color:#61dafb;border:none;border-radius:4px;color:#fff;font-size:16px;cursor:pointer;transition:background-color .2s ease;min-width:100px}.filter-button:hover{background-color:#4fa8d5}@font-face{font-family:iCielSamsungSharpSans;src:url(/assets/iCielSamsungSharpSans-Bold-CpeWeYgA.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}