/* Landing drop zone: the "uploads are not open" note and the in-place upload
   progress (so a signed-up visitor's upload carries on without leaving the page).
   Loaded on the home page only. Tokens only. */

.when-uploads-off{display:none}
html[data-c2b-uploads="off"] .when-uploads-off{display:block}
/* The glass card stays exactly as designed (fading it would show the hero
   photo through it); only the disabled button and this note change. */
.when-uploads-off{text-align:center}

.drop-prog{margin-top:18px;display:grid;gap:10px;text-align:left}
.drop-prog-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.drop-prog-actions [hidden]{display:none}
.drop-prog-name{margin:0;font-weight:500;overflow-wrap:anywhere}
.drop-prog-hint{font-size:.84rem;color:var(--slate)}
/* the whole target opens the file picker */
.drop-target[data-c2b-drop-target]{cursor:pointer}
.drop-target[data-c2b-drop-target][aria-disabled="true"]{cursor:not-allowed;opacity:.45}
/* why the zone is locked: an existing project blocks a new upload */
.drop .upload-block{text-align:center}
.drop .upload-block[hidden]{display:none}
.drop[data-state="uploading"] .drop-target,
.drop[data-state="uploading"] #pick,
.drop[data-state="uploading"] .seq,
.drop[data-state="uploading"] .note-s{display:none}

/* the progress bar and its caption row are shared with the workspace; defined
   here too because workspace.css is not loaded on this page */
.drop-prog .bar{height:8px;border-radius:999px;background:var(--hair);overflow:hidden}
.drop-prog .bar>span{display:block;height:100%;width:0;background:var(--rust);border-radius:inherit}
.drop-prog .bar-row{display:flex;justify-content:space-between;gap:12px;font-size:.84rem;color:var(--slate)}