.drop-zone {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border: 1px dashed var(--border-strong, #252525);
    border-radius: var(--radius-md, 8px);
    background: var(--gray-950, #0A0A0A);
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    min-height: 120px;
}

.drop-zone:hover {
    border-color: var(--accent, #F97316);
    background: var(--gray-900, #111111);
}

.drop-zone.drag-over {
    border-color: var(--accent, #F97316);
    background: var(--gray-900, #111111);
    transform: scale(1.02);
    box-shadow: 0 0 0 2px var(--orange-glow, rgba(249, 115, 22, 0.08));
}

.drop-zone input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.drop-zone-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    pointer-events: none;
    color: var(--muted, #777777);
    text-align: center;
}

.drop-zone-label svg {
    color: var(--accent, #F97316);
    opacity: 0.7;
}

.drop-zone:hover .drop-zone-label svg,
.drop-zone.drag-over .drop-zone-label svg {
    opacity: 1;
}

.drop-zone-label span {
    font-size: 12px;
    line-height: 1.4;
}