.logo,.section-header h2{font-weight:600;color:#d0d0d0}.logo,.logo svg,.section-header h2,.tab.active,.tab:hover{color:#d0d0d0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#1a1a1a;color:#e0e0e0;min-height:100vh}.sidebar,header{background-color:#1f1f1f;display:flex}header{justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #2a2a2a}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem}.logo svg{width:24px;height:24px}.container{display:flex;height:calc(100vh - 65px)}.sidebar{width:320px;border-right:1px solid #2a2a2a;padding:1.5rem;overflow-y:auto;flex-direction:column;gap:2rem}.section{display:flex;flex-direction:column;gap:1rem}.section-header{display:flex;align-items:center;gap:.5rem}.section-header h2{font-size:1.125rem}.config-text h4,.section-header h3{color:#b0b0b0;font-size:.875rem;font-weight:500}.section-header h3{flex:1}.icon-btn,.upload-btn{align-items:center;transition:.2s;display:flex;cursor:pointer}.section-subtitle{font-size:.875rem;color:#707070;margin-top:-.5rem}.actions{display:flex;gap:.5rem}.icon-btn{background:0 0;border:none;color:#707070;padding:.25rem;border-radius:4px;justify-content:center}.btn-secondary:hover,.icon-btn:hover{background-color:#2a2a2a;color:#d0d0d0}.upload-btn{width:100%;justify-content:center;gap:.5rem;background-color:#d0d0d0;color:#1a1a1a;border:none;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500}.btn-primary:hover,.upload-btn:hover{background-color:#e0e0e0}.empty-state{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#252525;border:1px solid #2a2a2a;border-radius:8px;color:#707070;font-size:.875rem}.config-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.config-text h4{margin-bottom:.25rem}.tab,.upload-icon{color:#707070}.config-text p{font-size:.75rem;color:#707070;line-height:1.4}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.slider,.slider:before{position:absolute;transition:.3s}.toggle input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#3a3a3a;border-radius:24px}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#707070;border-radius:50%}input:checked+.slider{background-color:#6a9fb5}input:checked+.slider:before{transform:translateX(20px);background-color:#e0e0e0}.main-content{flex:1;display:flex;flex-direction:column;background-color:#1a1a1a;position:relative;overflow:hidden}.tabs{display:flex;border-bottom:1px solid #2a2a2a;padding:0 2rem;background-color:#1f1f1f}.tab{background:0 0;border:none;padding:1rem 1.5rem;font-size:.875rem;cursor:pointer;border-bottom:2px solid transparent;transition:.2s;position:relative;top:1px}.tab.active{border-bottom-color:#d0d0d0}.content-area{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem}.upload-area{width:100%;max-width:600px;height:400px;border:2px dashed #2a2a2a;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:.3s;background-color:#1f1f1f}.upload-area:hover{border-color:#3a3a3a;background-color:#252525}.upload-area.active{border-color:#6a9fb5;background-color:#252525}.upload-icon svg{width:48px;height:48px}.upload-text{color:#b0b0b0;font-size:1rem;text-align:center}.placeholder,.upload-subtext{color:#707070;font-size:.875rem}#fileInput{display:none}.preview-container{display:none;width:100%;max-width:900px;gap:1rem}.preview-box{flex:1;background-color:#1f1f1f;border:1px solid #2a2a2a;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.preview-label{color:#b0b0b0;font-size:.875rem;font-weight:500}.preview-image{width:100%;height:350px;object-fit:contain;border-radius:8px}.action-buttons{display:none;gap:1rem;margin-top:1.5rem}.action-btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:.2s}.btn-primary{background-color:#d0d0d0;color:#1a1a1a}.btn-secondary{background-color:transparent;color:#b0b0b0;border:1px solid #2a2a2a}.processing{display:none;align-items:center;gap:.5rem;margin-top:1rem;color:#6a9fb5}.spinner{width:20px;height:20px;border:2px solid #3a3a3a;border-top:2px solid #6a9fb5;border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.recent-images{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.recent-image-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background-color:#252525;border:1px solid #2a2a2a;border-radius:8px;cursor:pointer;transition:.2s}.recent-image-item:hover{background-color:#2a2a2a}.recent-image-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px}.recent-image-name{font-size:.75rem;color:#b0b0b0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.action-btn,.sidebar{width:100%}.container{flex-direction:column;height:auto}.sidebar{height:auto;border-right:none;border-bottom:1px solid #2a2a2a;padding:1rem;gap:1.5rem}.main-content{min-height:70vh}.tabs{padding:0 1rem;justify-content:center}.tab{padding:.75rem 1rem;font-size:.8rem}.content-area,header{padding:1rem}.upload-area{height:300px;max-width:100%}.preview-container{flex-direction:column;max-width:100%}.preview-image{height:250px}.action-buttons{flex-direction:column;width:100%;max-width:300px}.logo{font-size:1.1rem}.section{gap:.75rem}}@media (max-width:480px){.upload-area{height:250px}.preview-image{height:200px}.upload-text{font-size:.9rem}.upload-subtext{font-size:.8rem}}