: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;min-width:320px;min-height:100vh;overflow-y:auto}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}}:root{--primary-color: #ff4081;--secondary-color: #3f51b5;--background-color: #f5f5f5;--text-color: #333;--footer-height: 80px;--header-height: 60px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif}button{cursor:pointer;border:none;outline:none;font-family:inherit}.main-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:20px}.content-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:60px;width:100%;max-width:1200px;height:100%;min-height:0}.left-column{flex:1;display:flex;justify-content:center;align-items:center;height:100%;max-height:80vh;min-width:0}.selected-photo{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 4px 20px #0000001a}.empty-state{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#eee;border-radius:10px;color:#aaa;font-size:2rem}.right-column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-width:0}.qr-container{background:#fff;padding:20px;border-radius:20px;box-shadow:0 4px 15px #0000001a;width:350px;height:350px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.qr-image{width:100%;height:100%;object-fit:contain}.instruction{font-size:1.2rem;color:#333;text-align:center;font-family:Comic Neue,cursive;font-weight:300;font-style:normal}@media(max-width:900px){.content-wrapper{gap:20px;padding:10px}.qr-container{width:200px;height:200px}}@media(max-width:768px){.qr-container{width:150px;height:150px}.content-wrapper{gap:10px}}@media(max-height:600px){.content-wrapper{height:auto;padding:10px}.left-column{max-height:50vh}.qr-container{width:150px;height:150px}}.carousel-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:10px 0;scrollbar-width:thin;scrollbar-color:#ccc transparent}.carousel-container::-webkit-scrollbar{width:6px}.carousel-container::-webkit-scrollbar-track{background:transparent}.carousel-container::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.carousel-track{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:15px;width:100%;padding-bottom:20px}.photo-card{width:80%;aspect-ratio:3/4;border-radius:15px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;background-color:#fff;flex-shrink:0;border:1px solid #eee;box-shadow:0 2px 4px #0000000d}.photo-card:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000001a}.photo-card img{width:100%;height:100%;object-fit:cover}.app-container{display:flex;flex-direction:column;height:100vh;min-height:350px;width:100%;overflow-x:hidden}.main-layout{display:flex;flex-direction:row;flex-wrap:nowrap;flex:1;overflow:hidden;background-color:#f5f5f5;position:relative;height:100%}.content-area{flex:1;display:flex;justify-content:center;align-items:center;padding:20px 40px 20px 20px;min-width:0}.sidebar-area{width:150px;background-color:#fff;border-left:1px solid #ddd;display:flex;flex-direction:column;height:100%;flex-shrink:0;z-index:5}@media(max-width:768px){.sidebar-area{width:100px}.content-area{padding:10px}}@media(max-width:600px){.sidebar-area{width:75px}}.photo-view-container{display:flex;flex-direction:column;height:100dvh;width:100vw;background-color:#000;color:#fff;overflow:hidden}.photo-view-loading,.photo-view-error{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#000;color:#fff}.photo-view-error{flex-direction:column}.photo-container{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:20px;box-sizing:border-box}.photo-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #00000080}.controls-container{display:flex;gap:16px;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;justify-content:center}.control-button{flex:1;max-width:200px;padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.button-download{background-color:#fff;color:#000}.button-share{background-color:#4285f4;color:#fff}