: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}html,body{height:100%;overflow:hidden}body{background:radial-gradient(circle at top,#2a2a2a 0%,#121212 100%);justify-content:center;place-items:center;min-width:320px;margin:0;display:flex}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:1280px;height:100%;margin:0 auto;padding:2rem;display:flex}@media (max-width:768px){#root{padding:1rem}}.container{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:800px;height:100%;min-height:0;margin:0 auto;padding-top:2rem;display:flex}.container h1{flex-shrink:0;margin:0}@media (max-width:768px){.container{gap:1rem}}.card{-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background:#28282899;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;flex:1;width:100%;min-height:0;padding:2rem;display:flex;box-shadow:0 8px 32px #0006}@media (max-width:768px){.card{border-radius:16px;padding:1rem}}.upload-view{flex-direction:column;gap:1.5rem;height:100%;min-height:0;display:flex}@media (max-width:768px){.upload-view{gap:1rem}}.file-list{flex-direction:column;flex:1;min-height:0;display:flex}.file-list h3{flex-shrink:0;margin:0 0 1rem}@media (max-width:768px){.file-list h3{margin-bottom:.8rem;font-size:1rem}}.drop-zone{text-align:center;cursor:pointer;background:#0003;border:2px dashed #fff3;border-radius:16px;flex-shrink:0;padding:2rem;transition:all .3s}@media (max-width:768px){.drop-zone{border-radius:12px;padding:1.2rem}.drop-zone p{margin:.5rem 0;font-size:.9rem}}.drop-zone:hover{background:#646cff0d;border-color:#646cff}.drop-zone.active{background:#646cff1a;border-color:#646cff}.list-grid{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-rows:min-content;gap:1rem;min-height:0;margin-bottom:1rem;margin-right:-.75rem;padding-right:.75rem;display:grid;overflow-y:auto}@media (max-width:768px){.list-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.6rem;margin-bottom:.8rem;margin-right:-.5rem;padding-right:.5rem}}.list-item{aspect-ratio:1;border:1px solid #ffffff1a;border-radius:8px;position:relative;overflow:hidden}@media (max-width:768px){.list-item{border-radius:6px}}.upload-actions{flex-shrink:0;padding-top:.5rem}.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;height:100%;min-height:0;display:flex}.step-header{flex-shrink:0}.step-header h3{margin:0}.cropper-wrapper{background:#1a1a1a;border-radius:12px;flex:1;width:100%;min-height:200px;position:relative;overflow:hidden}.zoom-control{flex-shrink:0;width:100%;padding:0 1rem}.zoom-control input{accent-color:#646cff;width:100%}.crop-actions{flex-shrink:0;width:100%}@media (max-width:768px){.crop-container{gap:.8rem}.step-header h3{font-size:1rem}.cropper-wrapper{border-radius:8px;min-height:150px}}.process-view{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.results-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.8rem;min-height:0;margin-bottom:1rem;margin-right:-2rem;padding-right:2rem;display:flex;overflow-y:auto}@media (max-width:768px){.results-list{gap:.5rem;margin-bottom:.8rem;margin-right:-1rem;padding-right:1rem}}.result-row{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;will-change:transform;background:#ffffff0d;border-radius:12px;flex-shrink:0;align-items:center;gap:1rem;padding:.8rem;display:flex}@media (max-width:768px){.result-row{border-radius:8px;gap:.8rem;padding:.6rem}}.result-row:hover{background:#ffffff1a}.result-row:active{cursor:grabbing}.result-row.dragging{cursor:grabbing;background:#646cff40;box-shadow:0 8px 24px #00000080}.row-thumb{border-radius:6px;flex-shrink:0;width:50px;height:50px;overflow:hidden}@media (max-width:768px){.row-thumb{width:40px;height:40px}}.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}@media (max-width:768px){.name{font-size:.85rem}}.status-label span{border-radius:4px;padding:.3rem .6rem;font-size:.85rem}@media (max-width:768px){.status-label span{padding:.2rem .4rem;font-size:.75rem}}.result-actions{flex-shrink:0;padding-top:.5rem}.progress-container{flex-direction:column;gap:.5rem;width:100%;display:flex}.progress-bar{background:#ffffff1a;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:#646cff;border-radius:4px;height:100%;transition:width .3s}.progress-text{color:#ffffffb3;text-align:center;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}@media (max-width:768px){.btn{padding:.7rem 1rem;font-size:.9rem}}.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}