: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}}.upload-label-row{display:flex;align-items:center;gap:1rem;width:100%;margin-bottom:.7rem}.upload-remove-btn{padding:.35rem .9rem;border:none;border-radius:.5rem;background:#e53e3e;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #1f26871a;transition:background .2s;display:none;margin-left:auto}.upload-label-row.has-file .upload-remove-btn{display:block}.upload-preview-img-wrapper{position:relative;display:inline-block}.upload-remove-btn{margin-top:.7rem;padding:.7rem 2.2rem;border:none;border-radius:.7rem;background:#e53e3e;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #1f26871a;transition:background .2s;display:block}.upload-remove-btn:hover{background:#b91c1c}.upload-preview{margin:1rem 0 .5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.upload-preview{margin:1rem 0 .5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-preview-img{max-width:220px;max-height:180px;border-radius:.7rem;box-shadow:0 2px 8px #1f26871a;object-fit:contain}.upload-preview-name{font-size:.95rem;color:#2d3748;word-break:break-all;text-align:center}@media (max-width: 700px){.upload-preview-img{max-width:120px;max-height:90px;border-radius:.5rem}.upload-preview-name{font-size:.85rem}}.upload-root{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border-radius:1.5rem;margin-top:2rem}@media (max-width: 700px){.upload-root{padding:.5rem;min-height:40vh;border-radius:1rem;margin-top:1rem}.upload-form{padding:1rem .5rem;border-radius:1rem;max-width:98vw}.upload-label{font-size:1rem}.upload-btn{padding:.5rem 1.2rem;font-size:1rem;border-radius:.5rem}.upload-message{font-size:.95rem}}@media (max-width: 400px){.upload-label{font-size:.9rem}.upload-btn{font-size:.9rem;padding:.4rem .7rem}}.upload-form{background:#ffffffd9;padding:2rem 2.5rem;border-radius:1.5rem;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}.upload-label{font-family:Segoe UI,sans-serif;font-size:1.1rem;color:#2d3748;margin-bottom:1.2rem;width:100%;display:flex;flex-direction:column;align-items:flex-start}.upload-input{margin-top:.5rem;padding:.5rem;border-radius:.5rem;border:1px solid #cbd5e1;width:100%;background:#f8fafc}.upload-btn{margin-top:1.2rem;padding:.7rem 2.2rem;border:none;border-radius:.7rem;background:#4f8cff;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #1f26871a;transition:background .2s}.upload-btn:disabled{background:#cbd5e1;color:#6b7280;cursor:not-allowed;box-shadow:none}.upload-btn:hover{background:#2563eb}.upload-message{margin-top:1rem;font-size:1rem;color:#2d3748;min-height:1.2em}.slideshow-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:0;box-shadow:none;display:block;margin:auto;transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .4s;position:absolute;inset:0;opacity:1}.slideshow-image.slide-out-left{transform:translate(-100%) scale(.95);opacity:0;z-index:1}.slideshow-image.slide-out-right{transform:translate(100%) scale(.95);opacity:0;z-index:1}.slideshow-image.slide-in-left,.slideshow-image.slide-in-right{transform:translate(0);opacity:1;z-index:2}.slideshow-download-btn{margin-top:1.5rem;padding:.7rem 2.2rem;border:none;border-radius:.7rem;background:#4f8cff;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #1f26871a;transition:background .2s;display:block}.slideshow-download-btn:hover{background:#2563eb}.slideshow-nav-btn{background:#ffffffd9;border:none;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.7rem;color:#4f8cff;box-shadow:0 2px 8px #1f26871a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;z-index:2}.slideshow-nav-btn:hover{background:#4f8cff;color:#fff}.slideshow-root{width:100%;max-width:700px;margin:0 auto;padding:1rem;box-sizing:border-box;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}@media (max-width: 700px){.slideshow-root,.slideshow-image-container,.slideshow-preview-bar{max-width:100vw;width:100vw;padding:.5rem}.slideshow-image-container{height:50vw;min-height:220px;max-height:60vw}.slideshow-preview-bar{margin-left:0;margin-right:0}}.slideshow-image-container{width:100%;max-width:640px;height:400px;margin:0 auto;background:#fff;border-radius:1.2rem;box-shadow:0 2px 16px #1f26871f;display:flex;align-items:center;justify-content:center;overflow:hidden}.slideshow-image{width:100%;height:100%;object-fit:contain;border-radius:1rem;background:#fff;box-shadow:0 2px 12px #1f268714}.slideshow-preview-bar{width:100%;max-width:640px;margin:1rem auto .5rem;display:flex;justify-content:flex-start;align-items:center;gap:.5rem;overflow-x:auto;padding:.5rem 0;box-sizing:border-box}.slideshow-preview-thumb{border:none;background:transparent;padding:0;cursor:pointer;outline:none;border-radius:.4rem;transition:box-shadow .2s,border .2s;box-shadow:0 2px 8px #1f268714}.slideshow-preview-thumb img{width:48px;height:36px;object-fit:cover;border-radius:.3rem;opacity:.7;border:2px solid transparent;transition:opacity .2s,border .2s}.slideshow-preview-thumb.active img{opacity:1;border:2px solid #b47b4d;box-shadow:0 2px 12px #1f268726}.slideshow-title{font-family:Segoe UI,sans-serif;font-weight:700;font-size:2.5rem;color:#2d3748;margin-bottom:2rem;letter-spacing:.05em}@media (max-width: 700px){.slideshow-title{font-size:1.5rem;margin-bottom:1rem}.slideshow-image-container{padding:.5rem;max-width:98vw}.slideshow-image{max-height:45vh;border-radius:.5rem}.slideshow-nav-btn{width:2rem;height:2rem;font-size:1.1rem}.slideshow-download-btn{margin-top:1rem;padding:.5rem 1.2rem;font-size:1rem;border-radius:.5rem}}@media (max-width: 400px){.slideshow-title{font-size:1.1rem}.slideshow-download-btn{font-size:.9rem;padding:.4rem .7rem}}.app-root{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:linear-gradient(135deg,#f8fafc,#e0e7ef);box-sizing:border-box}@media (max-width: 700px){.app-header{padding:1rem 0 .5rem}.app-header h1{font-size:1.5rem;padding:0 .5rem}.app-main{max-width:99vw;padding:0 .2rem;gap:1.2rem}.app-upload-section h3{font-size:1.1rem;margin-bottom:.5rem}}@media (max-width: 400px){.app-header h1{font-size:1rem}.app-main{gap:.7rem}}.app-header{width:100%;padding:2rem 0 1.5rem;background:linear-gradient(90deg,#e0e7ef,#f8fafc);box-shadow:0 2px 16px #1f268712;display:flex;justify-content:center;align-items:center}.header-content{display:flex;align-items:center;gap:2rem;max-width:900px;width:100%;justify-content:center}.header-logo{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;width:70px;height:70px;box-shadow:0 2px 8px #1f26871a}.header-title{font-family:Segoe UI,serif;font-size:2.3rem;color:#2d3748;font-weight:800;margin:0;letter-spacing:.04em}.header-subtitle{font-family:Segoe UI,sans-serif;font-size:1.1rem;color:#4f8cff;margin:.3rem 0 0;font-weight:500;letter-spacing:.02em}.app-main{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding-bottom:2rem}.app-upload-section{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.app-upload-section h3{font-family:Segoe UI,sans-serif;font-size:1.4rem;color:#4f8cff;font-weight:600;margin-bottom:.7rem}.app-slideshow-section{width:100%;display:flex;flex-direction:column;align-items:center}@media (max-width: 800px){.app-main{max-width:98vw;padding:0 .5rem}.app-header h1{font-size:2rem}}@media (max-width: 500px){.app-header h1{font-size:1.2rem}.app-main{gap:1.2rem}}#root{height:100%;width:100%}.uploadcontainer{align-items:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-footer{width:100%;padding:2rem 0 1.5rem;display:flex;justify-content:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-text{font-size:1.1rem;color:#b47b4d;font-weight:500;margin-bottom:.5rem}.footer-qr{box-shadow:0 2px 12px #1f26871a;border-radius:1rem;background:#fff;padding:.5rem}