@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}body,html{overflow-x:auto}.App{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;min-height:100vh;text-align:center}.app-navigation{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 20px #00000014;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:0;padding:1.5rem}.nav-tab{background:#f8fafc;border:2px solid #e2e8f0;border-radius:25px;color:#4a5568;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;margin:0 .75rem;padding:16px 32px;transition:all .3s ease}.nav-tab:hover{background:#f1f5f9;border-color:#0071e3;box-shadow:0 4px 15px #0071e326;transform:translateY(-2px)}.nav-tab.active{background:linear-gradient(135deg,#0071e3,#0056b3);border-color:#0071e3;box-shadow:0 4px 15px #0071e34d;color:#fff}.nav-tab.contact-button{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.nav-tab.contact-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);border-color:#5a67d8;box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.app-main{padding:3rem 2rem}.app-main,.maple-leaf-gallery{margin:0 auto;max-width:1200px}.maple-leaf-gallery{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;padding:0}.gallery-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e0;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:2.5rem;position:relative}.upload-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.upload-controls button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;margin:.5rem;min-width:140px;padding:16px 32px;transition:all .3s ease}.upload-controls button:hover:not(:disabled){box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.upload-controls button:active{transform:translateY(0)}.upload-controls button:first-of-type{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.upload-controls button:first-of-type:hover:not(:disabled){box-shadow:0 8px 25px #ef444466}.upload-controls button:nth-of-type(2){background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f64d}.upload-controls button:nth-of-type(2):hover:not(:disabled){box-shadow:0 8px 25px #3b82f666}.upload-controls button:nth-of-type(3){background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.upload-controls button:nth-of-type(3):hover:not(:disabled){box-shadow:0 8px 25px #10b98166}.upload-controls button:disabled{background:#9ca3af!important;box-shadow:0 2px 8px #9ca3af4d!important;cursor:not-allowed;transform:none!important}.progress-container{background:#e5e7eb;border:1px solid #d1d5db;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.progress-bar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:4px;height:8px;transition:width .3s ease}.progress-text{color:#374151;font-weight:500;margin-bottom:.75rem;text-align:center}.loading-state{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin:1.5rem 0;padding:1.5rem;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #bfdbfe;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:24px;margin-right:.75rem;width:24px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.nav-instructions{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:1.5rem 0;padding:1rem;text-align:center}.nav-instructions p{color:#6b7280;font-size:.875rem;margin:0}.leaf-canvas{-webkit-touch-callout:none;-ms-overflow-style:none;border:8px solid #fca5a5;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;cursor:grab;height:70vh;margin:0 auto;max-height:700px;max-width:900px;min-height:500px;overflow:hidden;position:relative;scrollbar-width:none;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.leaf-canvas::-webkit-scrollbar{display:none}.leaf-canvas:active{cursor:grabbing}.canvas-background{inset:0;position:absolute;transform-origin:0 0}.App,.canvas-background,body{background:linear-gradient(135deg,#fffbeb,#fff7ed,#fef2f2)}.gallery-container{background:linear-gradient(135deg,#fffbeb,#fff7ed,#fef2f2)!important}.leaf-piece{cursor:pointer;height:120px;position:absolute;transition:all .4s ease;width:120px;z-index:1}.leaf-piece:hover{transform:scale(1.1) rotate(5deg);z-index:10}.leaf-mask{background:#ffffff1a;border:2px solid #8b451399;box-shadow:0 4px 15px #0000004d;height:120px;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.994.57.931.517l.13-.126C1.064.386 1.064.379 1 .375.997.37.985.367.986.375H.849L.832.293a.017.017 0 0 0-.01-.012.018.018 0 0 0-.016.002L.662.386.685.127C.686.121.683.116.679.112A.018.018 0 0 0 .663.11l-.07.028-.079-.13C.508 0 .492 0 .486.008L.41.13.34.11a.018.018 0 0 0-.016.002C.32.116.317.121.318.127l.023.259L.197.283C.192.28.185.279.181.281a.017.017 0 0 0-.01.012L.154.375H.017a.016.016 0 0 0-.014.008.015.015 0 0 0 0 .016L.07.525.006.57a.017.017 0 0 0-.005.015c.001.006.004.011.01.013l.287.128-.03.12c-.001.006 0 .012.005.016.004.004.011.006.016.004l.195-.06.227.06c.005.002.012 0 .016-.004C.732.858.733.852.732.846l-.03-.12.287-.128C.995.596.998.591.999.585A.017.017 0 0 0 .994.57Z' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.994.57.931.517l.13-.126C1.064.386 1.064.379 1 .375.997.37.985.367.986.375H.849L.832.293a.017.017 0 0 0-.01-.012.018.018 0 0 0-.016.002L.662.386.685.127C.686.121.683.116.679.112A.018.018 0 0 0 .663.11l-.07.028-.079-.13C.508 0 .492 0 .486.008L.41.13.34.11a.018.018 0 0 0-.016.002C.32.116.317.121.318.127l.023.259L.197.283C.192.28.185.279.181.281a.017.017 0 0 0-.01.012L.154.375H.017a.016.016 0 0 0-.014.008.015.015 0 0 0 0 .016L.07.525.006.57a.017.017 0 0 0-.005.015c.001.006.004.011.01.013l.287.128-.03.12c-.001.006 0 .012.005.016.004.004.011.006.016.004l.195-.06.227.06c.005.002.012 0 .016-.004C.732.858.733.852.732.846l-.03-.12.287-.128C.995.596.998.591.999.585A.017.017 0 0 0 .994.57Z' fill='%23fff'/%3E%3C/svg%3E");overflow:hidden;position:relative;width:120px}.leaf-photo{filter:contrast(1.1) saturate(1.2);height:100%;object-fit:cover;transition:all .4s ease;width:100%}.photo-viewer-overlay{background:#000000e6;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.photo-viewer-close,.photo-viewer-overlay{align-items:center;display:flex;justify-content:center}.photo-viewer-close{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;font-weight:700;height:40px;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:10}.photo-viewer-close:hover{background:#ffffff4d;transform:scale(1.1)}.photo-viewer-image{border-radius:8px;box-shadow:0 10px 30px #00000080;max-height:90vh;max-width:90vw;object-fit:contain}@media (max-width:768px){.photo-viewer-overlay{padding:10px}.photo-viewer-close{font-size:20px;height:36px;right:15px;top:15px;width:36px}.leaf-canvas{border-radius:20px;border-width:6px;height:60vh;min-height:400px;width:95%}.leaf-mask,.leaf-piece{height:100px;width:100px}.app-navigation{flex-wrap:wrap;gap:.5rem;padding:1rem}.nav-tab{font-size:.9rem;margin:0 .25rem;padding:12px 20px}.upload-controls{align-items:center;flex-direction:column;gap:.75rem}.upload-controls button{font-size:.9rem;min-width:120px;padding:12px 20px}.gallery-container{padding:1.5rem}}@media (max-width:480px){.leaf-canvas{border-radius:16px;border-width:4px;height:50vh;min-height:350px;width:98%}.leaf-mask,.leaf-piece{height:80px;width:80px}.app-navigation{padding:.75rem}.nav-tab{margin:0 .2rem}.nav-tab,.upload-controls button{font-size:.8rem;padding:10px 16px}.upload-controls button{min-width:100px}.gallery-container{padding:1rem}.titleStyle{fontSize:"2rem"}.subtitleStyle{fontSize:"1rem"}.photo-viewer-overlay{padding:5px}.photo-viewer-close{font-size:18px;height:32px;right:10px;top:10px;width:32px}}.gallery-footer{margin-top:20px}.gallery-footer,.text-center{text-align:center}.mb-6{margin-bottom:1.5rem}.text-red-800{color:#991b1b}.mb-4{margin-bottom:1rem}.text-red-700{color:#b91c1c}.flex{display:flex}.gap-4{gap:1rem}.flex-wrap{flex-wrap:wrap}.hidden{display:none}.text-white{color:#fff}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:scale-105:hover,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.relative{position:relative}.from-amber-50{--tw-gradient-from:#fffbeb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#fffbeb00)}.via-orange-50{--tw-gradient-stops:var(--tw-gradient-from),#fff7ed,var(--tw-gradient-to,#fff7ed00)}.to-red-50{--tw-gradient-to:#fef2f2}.border-8{border-width:8px}.rounded-3xl{border-radius:1.5rem}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.overflow-hidden{overflow:hidden}.absolute{position:absolute}.cursor-pointer{cursor:pointer}.duration-500{transition-duration:.5s}.hover\:z-50:hover{z-index:50}.w-full{width:100%}.h-full{height:100%}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.inset-0{bottom:0;left:0;right:0;top:0}.pointer-events-none{pointer-events:none}.-top-4{top:-1rem}.-right-4{right:-1rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.bg-red-500{background-color:#ef4444}.hover\:bg-red-600:hover{background-color:#dc2626}.rounded-full{border-radius:9999px}.items-center{align-items:center}.justify-center{justify-content:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.opacity-0{opacity:0}.group:hover .group-hover\:opacity-100{opacity:1}.duration-300{transition-duration:.3s}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.z-30{z-index:30}.border-white{border-color:#fff}.bottom-2{bottom:.5rem}.left-2{left:.5rem}.bg-black{background-color:#000}.bg-opacity-50{background-color:#00000080}.text-sm{font-size:.875rem;line-height:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-9xl{font-size:8rem;line-height:1}.mb-8{margin-bottom:2rem}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.mb-2{margin-bottom:.5rem}.text-red-600{color:#dc2626}.mt-8{margin-top:2rem}.from-red-200{--tw-gradient-from:#fecaca;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#fecaca00)}.to-orange-200{--tw-gradient-to:#fed7aa}.rounded-2xl{border-radius:1rem}.p-6{padding:1.5rem}.border-2{border-width:2px}.border-red-300{border-color:#fca5a5}.gap-6{gap:1.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-red-900{color:#7f1d1d}.text-xs{font-size:.75rem;line-height:1rem}.top-2{top:.5rem}.right-2{right:.5rem}.bg-green-500{background-color:#22c55e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.app-main{padding:1.5rem 1rem}.nav-tab{font-size:.9rem;margin:.5rem;padding:12px 20px}.app-navigation{padding:1rem}.gallery-container{padding:1.5rem}.upload-controls button{font-size:.9rem;min-width:120px;padding:12px 20px}.leaf-canvas{height:500px;max-width:600px;width:100%}.maple-leaf-gallery{padding:0}}@media (max-width:480px){.app-main{padding:1rem .5rem}.nav-tab{font-size:.8rem;margin:.25rem;padding:10px 16px}.gallery-container{border-radius:16px;padding:1rem}.upload-controls button{font-size:.8rem;margin:.25rem;min-width:100px;padding:10px 16px}.upload-controls{align-items:center;flex-direction:column;gap:.5rem}.leaf-canvas{border-radius:16px;border-width:4px;height:400px}.maple-leaf-gallery{padding:0}.nav-instructions{margin:1rem 0;padding:.75rem}.nav-instructions p{font-size:.75rem}}@media (max-width:360px){.app-main{padding:.75rem .25rem}.nav-tab{font-size:.75rem;margin:.2rem;padding:8px 12px}.gallery-container{padding:.75rem}.upload-controls button{font-size:.75rem;min-width:90px;padding:8px 12px}.leaf-canvas{height:350px}}.zine-section{max-height:100vh;max-width:100%;min-height:100vh;padding:20px 0 0}.zine-container,.zine-section{align-items:center;display:flex;margin:0;overflow:hidden;width:100%}.zine-container{flex-direction:column;height:90vh;max-width:none;padding:0;position:relative}.zine-scroll-container{-webkit-overflow-scrolling:touch;align-items:flex-start;background:#0000;cursor:grab;display:flex;flex-wrap:nowrap;gap:0;height:85vh;justify-content:flex-start;margin:0;max-width:90vw;overflow-x:scroll;overflow-y:hidden;padding:0;scroll-behavior:smooth;scrollbar-width:thin;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%}.zine-scroll-container:active{cursor:grabbing}.zine-nav-arrow{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;-webkit-user-select:none;user-select:none;width:50px;z-index:10}.zine-nav-arrow:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.zine-nav-arrow:active{transform:translateY(-50%) scale(.95)}.zine-nav-arrow:disabled{background:#0000004d;cursor:not-allowed;transform:translateY(-50%) scale(.8)}.zine-nav-arrow.scrolling{background:#0071e3e6;box-shadow:0 0 20px #0071e380;transform:translateY(-50%) scale(1.2)}.zine-nav-left{left:20px}.zine-nav-right{right:20px}@media (max-width:767px){.zine-nav-left{left:10px}.zine-nav-right{right:10px}}@media (min-width:1200px){.zine-scroll-container{gap:0;height:85vh;max-width:1200px}.zine-image{height:80vh;margin:0;min-width:1200px;padding:0;width:1200px}}@media (max-width:1199px) and (min-width:768px){.zine-scroll-container{gap:0;height:85vh;max-width:90vw}.zine-image{height:80vh;margin:0;min-width:90vw;padding:0;width:90vw}}@media (max-width:767px){.zine-scroll-container{gap:0;height:85vh;max-width:100vw;width:100vw}.zine-image{height:80vh;margin:0;min-width:100vw;padding:0;width:100vw}.zine-nav-arrow{display:none}.zine-section{padding:20px 0 0}}.zine-scroll-container:after{content:"";flex-shrink:0;height:1px;width:1px}.zine-scroll-container::-webkit-scrollbar{height:8px}.zine-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.zine-scroll-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.zine-scroll-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.zine-page:hover{transform:none}.zine-image{border:none;display:block;flex-shrink:0;height:80%;margin:0;object-fit:contain;outline:none;padding:0;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:top;width:90vw}@media (max-width:768px){.zine-scroll-container{scroll-snap-type:x mandatory;-webkit-scroll-snap-type:x mandatory}.zine-page{scroll-snap-align:center;-webkit-scroll-snap-align:center}}.zine-section{position:relative;z-index:1}@media (max-width:768px){.App{min-height:100vh;overflow-x:hidden;overflow-y:auto}.app-main,.gallery-container,.leaf-canvas,.maple-leaf-gallery{max-width:none;overflow-x:hidden;overflow-y:auto;width:100%}}
/*# sourceMappingURL=main.69a38ea6.css.map*/