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