.oi-dropzone{flex-direction:column;gap:16px;display:flex}.oi-dropzone__area{text-align:center;cursor:pointer;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:2px dashed #3d3d5c;border-radius:12px;padding:40px 24px;transition:all .2s}.oi-dropzone__area:hover{background:linear-gradient(135deg,#1e1e3f 0%,#1a2744 100%);border-color:#7c3aed}.oi-dropzone__area--active{background:linear-gradient(135deg,#2d1f5c 0%,#1e3a5f 100%);border-style:solid;border-color:#7c3aed}.oi-dropzone__area--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.oi-dropzone__area--error{border-color:#ef4444}.oi-dropzone__content{flex-direction:column;align-items:center;gap:8px;display:flex}.oi-dropzone__icon{color:#6b7280;margin-bottom:8px;transition:color .2s,transform .2s}.oi-dropzone__icon--selected{color:#7c3aed}.oi-dropzone__icon--drag{color:#7c3aed;animation:.5s infinite alternate oi-bounce;transform:translateY(-4px)}@keyframes oi-bounce{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}.oi-dropzone__text{color:#e5e7eb;margin:0;font-size:16px;font-weight:500}.oi-dropzone__filename{color:#7c3aed;word-break:break-all;margin:0;font-size:18px;font-weight:600}.oi-dropzone__size{color:#9ca3af;margin:0;font-size:14px}.oi-dropzone__hint{color:#6b7280;margin:0;font-size:13px}.oi-dropzone__warning{color:#f59e0b;background:#f59e0b1a;border-radius:6px;align-items:center;gap:6px;margin:4px 0;padding:6px 12px;font-size:13px;display:flex}.oi-dropzone__error-text{color:#ef4444;background:#ef44441a;border-radius:6px;align-items:center;gap:6px;margin:4px 0;padding:6px 12px;font-size:13px;display:flex}.oi-dropzone__error{color:#ef4444;background:#ef44441a;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.oi-dropzone__info{background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:8px;padding:16px}.oi-dropzone__info-title{color:#c4b5fd;margin:0 0 12px;font-size:14px;font-weight:600}.oi-dropzone__info-list{color:#9ca3af;margin:0;padding-left:20px;font-size:13px;line-height:1.6}.oi-dropzone__info-list li{margin-bottom:4px}.oi-dropzone__info-list li:last-child{margin-bottom:0}
.oi-progress{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #3d3d5c;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.oi-progress__header{align-items:center;gap:12px;display:flex}.oi-progress__status-icon--loading{color:#7c3aed;animation:1s linear infinite oi-spin}.oi-progress__status-icon--success{color:#10b981}.oi-progress__status-icon--error{color:#ef4444}@keyframes oi-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.oi-progress__status-text{color:#e5e7eb;font-size:16px;font-weight:500}.oi-progress__bar-container{background:#2d2d4a;border-radius:4px;width:100%;height:8px;overflow:hidden}.oi-progress__bar{background:linear-gradient(90deg,#7c3aed 0%,#a78bfa 100%);border-radius:4px;height:100%;transition:width .3s}.oi-progress__current-file{color:#9ca3af;align-items:center;gap:8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;display:flex}.oi-progress__result{margin-top:8px}.oi-progress__stats{flex-wrap:wrap;gap:16px;display:flex}.oi-progress__stat{color:#9ca3af;align-items:center;gap:6px;font-size:14px;display:flex}.oi-progress__stat svg,.oi-progress__stat-label{color:#6b7280}.oi-progress__stat-value{color:#e5e7eb;font-weight:500}.oi-progress__stat-value--success{color:#10b981}.oi-progress__stat-value--warning{color:#f59e0b}.oi-progress__errors{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-top:8px;padding:16px}.oi-progress__errors-title{color:#ef4444;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.oi-progress__errors-list{margin:0;padding:0;list-style:none}.oi-progress__error-item{border-bottom:1px solid #ef44441a;padding:8px 0;font-size:13px}.oi-progress__error-item:last-child{border-bottom:none;padding-bottom:0}.oi-progress__error-item--more{color:#9ca3af;font-style:italic}.oi-progress__error-file{color:#f87171;margin-right:8px;font-family:JetBrains Mono,Fira Code,monospace}.oi-progress__error-message{color:#fca5a5}
.oi-importer{flex-direction:column;gap:24px;max-width:600px;margin:0 auto;display:flex}.oi-importer__header{text-align:center}.oi-importer__title-row{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.oi-importer__icon{color:#7c3aed}.oi-importer__title{color:#f3f4f6;background:linear-gradient(135deg,#7c3aed 0%,#a78bfa 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:700}.oi-importer__description{color:#9ca3af;margin:0;font-size:14px;line-height:1.5}.oi-importer__actions{justify-content:center;padding-top:8px;display:flex}.oi-importer__button{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:200px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.oi-importer__button--primary{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);box-shadow:0 4px 14px #7c3aed59}.oi-importer__button--primary:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed73}.oi-importer__button--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.oi-importer__button--secondary{color:#a78bfa;background:0 0;border:2px solid #7c3aed}.oi-importer__button--secondary:hover{background:#7c3aed1a}.oi-importer__button-spinner{animation:1s linear infinite oi-spin}@keyframes oi-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}