/* Dropzone — Datei-Upload-Fläche (Design::file). Drag&Drop + klick-durchsuchen. Verhalten: dropzone.js. */
.cc-dropzone {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap:var(--sp-2);
    padding:var(--sp-8) var(--sp-7);
    border: 1px dashed var(--grey-300);
    border-radius:var(--radius);
    background: var(--grey-50);
    color: var(--muted);
    font-size:var(--fs-base);
    text-align: center;
    cursor: pointer;
    transition: border-color var(--dur-fast), background var(--dur-fast);
}
.cc-dropzone:hover { border-color: var(--o); background: var(--surface); }
.cc-dropzone.cc-dropzone-over { border-color: var(--o); background: var(--surface); color: var(--ink); }
.cc-dropzone-ico { font-size:var(--fs-xl); color: var(--muted); }
.cc-dropzone:hover .cc-dropzone-ico, .cc-dropzone-over .cc-dropzone-ico { color: var(--o); }
.cc-dropzone-text strong { color: var(--o); font-weight:var(--fw-bold); }
.cc-dropzone-file { font-size:var(--fs-sm); color: var(--ink); font-weight:var(--fw-med); }
.cc-dropzone-file:empty { display: none; }