:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffeb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background:radial-gradient(circle at top,#2a2a2a 0%,#121212 100%);justify-content:center;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{text-align:center;width:100%;max-width:1280px;margin:0 auto;padding:2rem}.container{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:800px;margin:0 auto;display:flex}.card{-webkit-backdrop-filter:blur(12px);background:#28282899;border:1px solid #ffffff1a;border-radius:24px;width:100%;padding:2rem;box-shadow:0 8px 32px #0006}.upload-view{flex-direction:column;gap:2rem;display:flex}.drop-zone{text-align:center;cursor:pointer;background:#0003;border:2px dashed #fff3;border-radius:16px;padding:2rem;transition:all .3s}.drop-zone:hover{background:#646cff0d;border-color:#646cff}.drop-zone.active{background:#646cff1a;border-color:#646cff}.list-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.list-item{aspect-ratio:1;border:1px solid #ffffff1a;border-radius:8px;position:relative;overflow:hidden}.list-item img{object-fit:cover;width:100%;height:100%}.remove-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;display:flex;position:absolute;top:4px;right:4px}.crop-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.cropper-wrapper{background:#1a1a1a;border-radius:12px;width:100%;height:450px;position:relative;overflow:hidden}.zoom-control{width:100%;padding:0 1rem}.zoom-control input,.process-view{width:100%}.results-list{flex-direction:column;gap:.8rem;max-height:400px;margin-bottom:2rem;padding-right:.5rem;display:flex;overflow-y:auto}.result-row{background:#ffffff0d;border-radius:12px;align-items:center;gap:1rem;padding:.8rem;display:flex}.row-thumb{border-radius:6px;flex-shrink:0;width:50px;height:50px;overflow:hidden}.row-thumb img{object-fit:cover;width:100%;height:100%}.row-info{flex:1;justify-content:space-between;align-items:center;display:flex}.name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.9rem;overflow:hidden}.status-label span{border-radius:4px;padding:.3rem .6rem;font-size:.85rem}.status-processing{color:#646cff;background:#646cff1a}.status-done{color:#4caf50;background:#4caf501a}.status-error{color:#ff5252;background:#ff52521a}.status-waiting{color:#888}.btn{color:#fff;cursor:pointer;background:#646cff;border:none;border-radius:8px;width:100%;padding:.8rem 1.5rem;font-weight:600}.btn:hover{background:#747bff}.btn-secondary{background:#ffffff1a}.btn-secondary:hover{background:#fff3}.loader{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state{flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}