.tattoo-skin-upload-section{margin-bottom:20px;padding:15px;background:#304f7833;border-radius:10px;border:1px solid rgba(106,252,255,.1)}.skin-upload-toggle{margin-bottom:15px}.checkbox-toggle{display:flex;align-items:center;cursor:pointer;gap:12px}.checkbox-toggle input[type=checkbox]{display:none}.toggle-slider{position:relative;width:50px;height:26px;background:#3c506499;border-radius:13px;transition:background .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#89a;border-radius:50%;transition:transform .3s ease,background .3s ease}.checkbox-toggle input:checked+.toggle-slider{background:#6afcff4d}.checkbox-toggle input:checked+.toggle-slider:before{transform:translate(24px);background:#6afcff}.toggle-label{color:#c0d0e0;font-size:1em;font-weight:500}.toggle-label .optional-label{color:#6a7a8a;font-weight:400;font-size:.9em}#skin-upload-content{margin-top:15px;padding-top:15px;border-top:1px solid rgba(106,252,255,.1)}.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}.tattoo-images-container{display:flex;gap:20px;margin-bottom:15px;flex-wrap:wrap}.tattoo-design-section,.tattoo-applied-section{flex:1;min-width:200px;text-align:center}.tattoo-image,.tattoo-applied-image{border-radius:10px;overflow:hidden;border:1px solid rgba(106,252,255,.2);margin-bottom:8px}.tattoo-design-img,.tattoo-applied-img{width:100%;max-width:100%;height:auto;display:block;border-radius:8px}.tattoo-section-label{color:#89a;font-size:.85em;text-transform:uppercase;letter-spacing:.5px}.tattoo-image-placeholder,.tattoo-applied-placeholder{min-height:150px;display:flex;align-items:center;justify-content:center;background:#1e324680;border-radius:10px;margin-bottom:8px}.tattoo-loading{padding:40px 20px;color:#8ac;font-size:.95em;text-align:center}.tattoo-error{padding:20px;color:#ff6b6b;font-size:.9em}.tattoo-text-container{padding:15px;background:#283c504d;border-radius:8px;margin-top:10px}.tattoo-concept,.tattoo-placement,.tattoo-info{margin-bottom:10px;color:#c0d0e0;line-height:1.5}.tattoo-concept:last-child,.tattoo-placement:last-child,.tattoo-info:last-child{margin-bottom:0}.tattoo-comparison{margin-bottom:20px}.comparison-row{display:flex;align-items:center;gap:15px;margin:10px 0}.comparison-item{flex:1}.comparison-item .comparison-label{color:#89a;font-size:.85em;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;text-align:center}.comparison-item .comparison-image{border-radius:10px;overflow:hidden;border:1px solid rgba(106,252,255,.2)}.comparison-item .comparison-image img{width:100%;height:auto;display:block}.comparison-arrow{color:#6afcff;font-size:2em;font-weight:700;flex-shrink:0}.original-skin-preview{margin-top:15px;padding-top:15px;border-top:1px solid rgba(106,252,255,.1);display:flex;align-items:center;gap:10px}.preview-label{color:#6a7a8a;font-size:.85em}.original-skin-thumb{width:60px;height:60px;object-fit:cover;border-radius:6px;border:1px solid rgba(106,252,255,.2)}.skin-preview-pending{margin-top:15px;padding:15px;background:#ffc8641a;border-radius:8px;border:1px solid rgba(255,200,100,.2)}.pending-notice{color:#c0a060;font-size:.9em;margin-bottom:10px}.skin-thumb-pending{width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,200,100,.3)}.skin-preview-badge{background:linear-gradient(135deg,#6afcff33,#9664ff33);border:1px solid rgba(106,252,255,.3);color:#6afcff!important}@media(max-width:600px){.tattoo-images-container,.comparison-row{flex-direction:column}.comparison-arrow{transform:rotate(90deg)}.original-skin-preview{flex-direction:column;align-items:flex-start}}.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;border-radius:8px}.input-hint{color:#6a7a8a;font-size:.85em;margin-top:8px;font-style:italic}.generator-context-tip{display:flex;align-items:flex-start;gap:8px;color:#6a7a8a;font-size:.85em;margin-top:15px;line-height:1.5}.generator-context-tip .tip-icon{width:18px;height:18px;flex-shrink:0;color:#6afcff}
