@media (max-width:1024px){.main-container{padding:var(--spacing-lg) var(--spacing-md)}.nav-container{padding:0 var(--spacing-md)}.card-body,.upload-form{padding:var(--spacing-lg)}.color-options{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.download-options{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.contact-content{padding:0 var(--spacing-md);gap:var(--spacing-sm)}.contact-text{font-size:var(--font-size-sm)}.contact-email{font-size:var(--font-size-sm)}}@media (max-width:768px){.nav-container{flex-direction:column;min-height:auto;padding:var(--spacing-md);gap:var(--spacing-md)}.nav-logo{margin-bottom:var(--spacing-sm)}.nav-links{width:100%;justify-content:center;flex-wrap:wrap}.nav-dropdown-content.mobile-open{display:block!important;position:relative;top:0;left:0;width:100%;box-shadow:none;border:none;padding:var(--spacing-xs) 0;margin:var(--spacing-xs) 0}.nav-dropdown-content.mobile-open a{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.nav-dropdown:has(.mobile-open) .fa-chevron-down{transform:rotate(180deg)}.contact-banner{padding:var(--spacing-md) 0}.contact-content{flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-md)}.contact-text{font-size:var(--font-size-sm);text-align:center;line-height:1.4}.contact-email{font-size:var(--font-size-sm);padding:var(--spacing-sm)}.specialty-badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.main-container{padding:var(--spacing-md)}.footer-container{flex-direction:column;gap:var(--spacing-md);text-align:center}.login-page{padding:var(--spacing-md)}.login-container{max-width:100%}.login-body{padding:var(--spacing-lg)}.security-badge{position:static;margin-bottom:var(--spacing-md);justify-self:center}.page-title{font-size:var(--font-size-2xl);text-align:center}.upload-form{padding:var(--spacing-lg)}.file-upload-area{padding:var(--spacing-lg)}.file-upload-icon{font-size:2.5rem}.file-upload-text{font-size:var(--font-size-base)}.color-selector{padding:var(--spacing-lg)}.color-options{grid-template-columns:1fr;gap:var(--spacing-sm)}.color-option{padding:var(--spacing-sm)}.color-preview{width:35px;height:35px}.two-columns{grid-template-columns:1fr;gap:var(--spacing-lg)}.processing-badge{position:static;margin-bottom:var(--spacing-md);justify-content:center}.result-container{padding:var(--spacing-md);overflow:hidden;max-width:100%}.two-columns{overflow:hidden}.column{min-width:0;overflow:hidden}.column-header{padding:var(--spacing-sm)}.column-header h3{font-size:var(--font-size-base)}.image-container{aspect-ratio:16/10}.image-actions{opacity:1}.action-btn{width:32px;height:32px;font-size:var(--font-size-xs)}.fullscreen-content{max-width:100%;max-height:95vh}.fullscreen-image{max-height:75vh}.fullscreen-controls{flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm)}.fullscreen-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.table-container{overflow-x:auto}.table th,.table td{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.stats-container{grid-template-columns:1fr;gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:var(--font-size-2xl)}}@media (max-width:480px){:root{--spacing-xs:0.25rem;--spacing-sm:0.375rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:1.5rem}#categoryTabs,#paletteSourceTabs,.tab-container,.flex.flex-wrap.gap-2{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}#categoryTabs::-webkit-scrollbar,#paletteSourceTabs::-webkit-scrollbar{display:none}#categoryTabs .tab,#paletteSourceTabs .palette-tab{flex-shrink:0;font-size:0.75rem;padding:0.35rem 0.6rem}.main-container{padding:var(--spacing-sm)}.nav-container{padding:var(--spacing-sm);gap:var(--spacing-sm)}.nav-logo{font-size:var(--font-size-lg)}.nav-links{gap:var(--spacing-xs)}.custom-nav-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.contact-banner{padding:var(--spacing-md) 0}.contact-content{gap:var(--spacing-xs);padding:0 var(--spacing-sm)}.contact-text{font-size:var(--font-size-xs);line-height:1.3}.contact-text br{display:none}.contact-email{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.specialty-badge{font-size:0.7rem;padding:var(--spacing-xs)}.contact-icon{font-size:0.7rem}.login-page{padding:var(--spacing-sm)}.login-body{padding:var(--spacing-md)}.login-title{font-size:var(--font-size-xl)}.login-icon i{font-size:3rem}.form-input{padding:var(--spacing-sm)}.form-input-with-icon{padding-left:3.5rem!important}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:44px}.page-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.upload-form,.color-selector{padding:var(--spacing-md)}.file-upload-area{padding:var(--spacing-md)}.file-upload-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.file-upload-text{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.file-upload-hint{font-size:var(--font-size-xs)}.color-selector-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.color-option{padding:var(--spacing-sm)}.color-preview{width:30px;height:30px;margin-right:var(--spacing-sm)}.color-name{font-size:var(--font-size-xs)}.color-description,.color-rgb{font-size:0.7rem}.results-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.download-options{padding:var(--spacing-md);gap:var(--spacing-sm)}.result-container{padding:var(--spacing-sm);margin-bottom:var(--spacing-md);overflow:hidden;max-width:100%}.two-columns{overflow:hidden}.column{min-width:0;overflow:hidden}.processing-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:0.7rem;margin-bottom:var(--spacing-sm)}.column-header{padding:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.column-header h3{font-size:var(--font-size-sm)}.column-header input[type="checkbox"]{transform:scale(1);margin-right:var(--spacing-xs)}.image-container{aspect-ratio:4/3}.action-btn{width:28px;height:28px;font-size:0.7rem}.regeneration-info{font-size:0.6rem;padding:2px var(--spacing-xs)}.fullscreen-modal{padding:var(--spacing-xs)}.fullscreen-image{max-height:70vh}.fullscreen-controls{padding:var(--spacing-xs);gap:var(--spacing-xs)}.fullscreen-btn{padding:var(--spacing-xs);font-size:0.7rem}.fullscreen-info{font-size:var(--font-size-xs);margin:0 var(--spacing-xs);min-width:80px}.remaining-uses-container{padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.remaining-uses-text{font-size:var(--font-size-base)}.table th,.table td{padding:var(--spacing-xs);font-size:var(--font-size-xs)}.table-empty{padding:var(--spacing-md) 0}.table-empty i{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.history-title{font-size:var(--font-size-lg)}.stat-card{padding:var(--spacing-sm)}.stat-value{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);min-height:48px}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-height:32px}.loading-container{min-width:280px;padding:var(--spacing-md)}.loading-spinner{font-size:2rem;margin-bottom:var(--spacing-sm)}.loading-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.loading-status{font-size:var(--font-size-xs)}}@media (max-width:360px){.nav-container{flex-direction:column;gap:var(--spacing-xs)}.nav-links{flex-direction:column;width:100%;gap:var(--spacing-xs)}.custom-nav-link{justify-content:center;width:100%}.contact-content{padding:0 var(--spacing-xs)}.contact-text{font-size:0.7rem}.contact-email{font-size:0.7rem;padding:var(--spacing-xs)}.specialty-badge{font-size:0.6rem;padding:2px var(--spacing-xs)}.login-container{margin:var(--spacing-xs)}.color-options{gap:var(--spacing-xs)}.two-columns{gap:var(--spacing-md)}.download-options{padding:var(--spacing-sm)}.fullscreen-controls{flex-direction:column;align-items:center}.fullscreen-btn{width:100%;justify-content:center}}@media (max-height:600px) and (orientation:portrait){.login-page{align-items:flex-start;padding-top:var(--spacing-lg)}.login-icon{margin-bottom:var(--spacing-md)}.login-icon i{font-size:2.5rem}.fullscreen-image{max-height:60vh}.contact-banner{padding:var(--spacing-xs) 0}}@media (max-width:768px) and (orientation:landscape){.nav-container{flex-direction:row;min-height:60px}.nav-links{flex-direction:row;width:auto}.login-page{align-items:center}.two-columns{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.fullscreen-image{max-height:70vh}.image-container{aspect-ratio:16/12}.contact-content{flex-direction:row;gap:var(--spacing-sm)}.contact-banner{padding:var(--spacing-xs) 0}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.contact-banner{animation:none!important}}@media (prefers-contrast:high){:root{--shadow:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none}.btn,.form-input,.card,.contact-email{border:2px solid currentColor}.contact-banner{border-bottom:2px solid currentColor}}.btn,button{max-width:100%}@media (max-width:768px){.nav-links a,.btn,.card-title,.stat-label,.color-name{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}.btn-primary,.btn-secondary,.btn-outline{white-space:normal;word-wrap:break-word;text-align:center}}@media (max-width:360px){.nav-links a,.footer-links a{font-size:0.8rem;letter-spacing:-0.01em}.page-title{hyphens:auto;-webkit-hyphens:auto}}