@keyframes breathing{0%,to{box-shadow:0 4px 15px #ff6b4a66}50%{box-shadow:0 4px 25px #ff6b4ab3,0 0 40px #ff6b4a4d}}.animate-breathing{animation:breathing 2.5s ease-in-out infinite}@media(min-width:1024px){.mobile-only{display:none!important}}.sidebar-scroll-area{height:400px;max-height:400px;min-height:300px}@media(min-width:1024px){.sidebar-scroll-area{height:calc(100vh - 280px);max-height:750px;min-height:500px}}@media(min-width:1024px)and (max-height:900px){.sidebar-scroll-area{height:calc(100vh - 250px);max-height:650px}}@media(min-width:1024px)and (max-height:800px){.sidebar-scroll-area{height:calc(100vh - 220px);max-height:550px}}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 3rem;background-color:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:.75rem;cursor:pointer;transition:all .3s ease}@media(max-width:640px){.mode-btn{padding:.75rem 2rem;gap:.15rem}}@media(max-width:480px){.mode-btn{padding:.625rem 1.25rem;gap:.125rem}}.upload-area-height{height:500px}@media(max-width:1023px){.upload-area-height{height:450px}}@media(max-width:640px){.upload-area-height{height:400px}}@media(max-width:480px){.upload-area-height{height:380px}}.mode-btn:hover{border-color:#ff6b4a66;box-shadow:var(--glow-coral);transform:translateY(-2px)}.mode-btn .mode-title,.mode-btn .mode-subtitle{color:var(--text-secondary)}.mode-btn .mode-description{color:var(--text-muted)}.mode-btn.active{background-color:#ff8a6a1a;border-color:#ff8a6a!important;box-shadow:0 0 40px #ff8a6a4d}.mode-btn.active .mode-title{color:#ff8a6a}.mode-btn.active .mode-subtitle{color:var(--text-primary)}.mode-btn.active .mode-description{color:var(--text-secondary)}.style-card{cursor:pointer;transition:all .3s ease;border-radius:.75rem;border:1px solid var(--glass-border);background:var(--bg-tertiary)}.style-card:hover{background-color:var(--bg-secondary);box-shadow:var(--glow-coral);border-color:#ff6b4a66;transform:translateY(-2px)}.style-card.active{background-color:#ff6b4a1a;border-color:var(--accent-coral)!important;box-shadow:var(--glow-coral)}.style-card h3{color:var(--text-primary)}.style-card p{color:var(--text-muted)}.example-card{cursor:pointer}#stylesPanel::-webkit-scrollbar,#resultsGallery::-webkit-scrollbar,#examplesGallery::-webkit-scrollbar{width:6px}#stylesPanel::-webkit-scrollbar-track,#resultsGallery::-webkit-scrollbar-track,#examplesGallery::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}#stylesPanel::-webkit-scrollbar-thumb,#resultsGallery::-webkit-scrollbar-thumb,#examplesGallery::-webkit-scrollbar-thumb{background:#ff8a6a;border-radius:10px}#prevImage:disabled,#nextImage:disabled{opacity:.3;cursor:not-allowed}#prevImage:disabled:hover,#nextImage:disabled:hover{background-color:#ffffff1a}#activateCodeBtn:hover,#submitCodeBtn:hover,#submitOrderBtn:hover,#switchToCodeView:hover,#selectFileBtn:hover,#openCameraBtn:hover,#retakeCameraBtn:hover,#changeFileBtn:hover,#generateBtn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--glow-coral-lg)}input[type=radio][name=cameraAngle],input[type=radio][name=composition],input[type=radio][name=package]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid var(--glass-border);border-radius:50%;outline:none;cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0;background:var(--bg-tertiary)}input[type=radio][name=cameraAngle]:checked,input[type=radio][name=composition]:checked,input[type=radio][name=package]:checked{border-color:var(--accent-coral);background-color:var(--bg-tertiary)}input[type=radio][name=cameraAngle]:checked:before,input[type=radio][name=composition]:checked:before,input[type=radio][name=package]:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:var(--accent-coral)}input[type=radio][name=cameraAngle]:hover,input[type=radio][name=composition]:hover,input[type=radio][name=package]:hover{border-color:var(--accent-coral)}#orderEmail:focus,#activationCodeInput:focus{border-color:var(--accent-coral)!important;box-shadow:0 0 0 2px #ff6b4a33}