.cpp-dropzone {
    position: relative;
    border: 3px dashed #161616;
    background: #fffaef;
    padding: 1.5rem;
    text-align: center;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}
.cpp-dropzone.is-dragging {
    background: #ffd000;
    border-color: #c61b6f;
}
.cpp-dropzone__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    pointer-events: auto;
}
.cpp-dropzone__icon { font-size: 1.75rem; line-height: 1; }
.cpp-dropzone__text strong { display: block; font-size: 1rem; }
.cpp-dropzone__text span { display: block; font-size: 0.85rem; color: #666; }
.cpp-dropzone__input {
    position: absolute;
    width: 1px; height: 1px;
    opacity: 0;
    overflow: hidden;
}
.cpp-dropzone__files { margin-top: 1rem; text-align: left; }
.cpp-dropzone__file {
    display: flex; align-items: center; gap: 0.75rem;
    padding: 0.5rem; margin-bottom: 0.4rem;
    background: #fff; border: 2px solid #161616;
}
.cpp-dropzone__thumb {
    width: 44px; height: 44px; flex: none;
    background: #eee center/cover no-repeat;
    border: 1px solid #ccc;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.7rem; font-weight: 700; color: #666;
}
.cpp-dropzone__meta { min-width: 0; }
.cpp-dropzone__meta strong {
    display: block; font-size: 0.9rem;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cpp-dropzone__meta span { font-size: 0.8rem; color: #666; }
.cpp-dropzone__note { font-size: 0.85rem; font-weight: 700; margin-top: 0.5rem; }