.upload-section-title{color:#f0f0f0;font-size:1.1em;margin-bottom:8px;font-weight:500}.upload-section-description{color:#89a;font-size:.9em;margin-bottom:15px;line-height:1.5}.style-preview-section{margin:20px 0;padding:15px;background:#304f784d;border-radius:10px;border:1px solid rgba(106,252,255,.1)}.style-preview-title{color:#b0c0d0;font-size:.95em;margin-bottom:12px;font-weight:500}.style-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:600px){.style-preview-grid{grid-template-columns:repeat(2,1fr)}}.style-preview-card{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;border:2px solid transparent;aspect-ratio:4/3}.style-preview-card:hover{border-color:#6afcff80;transform:translateY(-2px)}.style-preview-card.selected{border-color:#6afcff;box-shadow:0 0 15px #6afcff4d}.style-preview-card img{width:100%;height:100%;object-fit:cover}.style-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a2a3a,#2a3a4a);color:#6afcff;font-size:.85em;text-align:center;padding:10px}.style-preview-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);color:#fff;padding:20px 8px 8px;font-size:.8em;text-align:center;font-weight:500}.style-preview-card.style-extra{display:none}.style-preview-section.styles-expanded .style-preview-card.style-extra{display:block}.show-all-styles-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:10px 16px;background:#48658b4d;border:1px solid rgba(106,252,255,.2);border-radius:8px;color:#8ac;font-size:.9em;cursor:pointer;transition:all .2s ease}.show-all-styles-btn:hover{background:#48658b80;border-color:#6afcff66;color:#6afcff}.show-all-styles-btn svg{transition:transform .2s ease}.styles-expanded .show-all-styles-btn svg{transform:rotate(180deg)}.before-after-comparison{margin-bottom:20px}.comparison-images{display:flex;align-items:center;gap:15px;margin:10px 0}.comparison-image{flex:1;border-radius:10px;overflow:hidden;border:1px solid rgba(106,252,255,.2)}.comparison-image img{width:100%;height:auto;display:block}.comparison-arrow{color:#6afcff;font-size:2em;font-weight:700;flex-shrink:0}.comparison-label{color:#89a;font-size:.85em;text-transform:uppercase;letter-spacing:.5px}.comparison-label.right{text-align:right}@media(max-width:600px){.comparison-images{flex-direction:column}.comparison-arrow{transform:rotate(90deg)}.comparison-label.right{text-align:left}}.input-hint{color:#6a7a8a;font-size:.85em;margin-top:8px;font-style:italic}.generator-context-box{margin-bottom:20px}.generator-context-box .generator-preview-container{margin-top:10px}.generator-context-box .generator-preview-media{max-height:300px;object-fit:contain}