.nav-pills .nav-link{border-radius:12px;padding:8px 12px;font-size:.9rem;transition:all .3s ease;color:#667eea;background:rgba(255,255,255,.6);margin-right:5px}.nav-pills .nav-link:hover{background:rgba(102,126,234,.1);transform:translateY(-2px)}.nav-pills .nav-link.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.3)}.nav-pills .nav-link i{margin-right:5px}.input-label{font-weight:600;color:#667eea;margin-bottom:8px;display:block;font-size:.95rem}.input-label i{margin-right:5px}.output-textarea{background:rgba(102,126,234,.05) !important;cursor:default}.upload-zone{border:3px dashed #667eea;border-radius:16px;padding:40px 20px;text-align:center;background:rgba(102,126,234,.05);cursor:pointer;transition:all .3s ease}.upload-zone *{pointer-events:none}.upload-zone:hover{border-color:#764ba2;background:rgba(118,75,162,.1);transform:scale(1.02)}.upload-zone.dragover{border-color:#48bb78;background:rgba(72,187,120,.1);transform:scale(1.05)}.upload-icon{font-size:3rem;color:#667eea;margin-bottom:15px}.upload-text{font-size:1.1rem;font-weight:600;color:#667eea;margin-bottom:5px}.upload-hint{font-size:.85rem;color:#9ca3af;margin:0}.image-preview{max-width:100%;max-height:300px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-top:15px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(102,126,234,.1)}.stat-row:last-child{border-bottom:none}.stat-label{font-weight:600;color:#4b5563;font-size:.95rem}.stat-value{font-family:'Roboto Mono',monospace;font-weight:700;font-size:1rem;color:#667eea}.template-btn,.copy-btn{font-size:.9rem;padding:10px;transition:all .3s ease}.template-btn:hover,.copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.2)}.template-btn i,.copy-btn i{margin-right:5px}@media(max-width:768px){.nav-pills .nav-link{font-size:.8rem;padding:6px 8px;margin-right:3px;margin-bottom:5px}.nav-pills .nav-link i{display:none}.upload-zone{padding:30px 15px}.upload-icon{font-size:2rem}.upload-text{font-size:.95rem}.stat-label,.stat-value{font-size:.85rem}.template-btn,.copy-btn{font-size:.85rem;padding:8px}}@media(max-width:576px){.nav-pills{display:flex;flex-wrap:wrap}.nav-pills .nav-link{flex:1 1 45%;text-align:center;margin-right:2px}.image-preview{max-height:200px}}