#ordRoot .ord-dropzone{--drop-ui:.875rem;--drop-body:1rem;--drop-gap:.75rem;
  box-sizing:border-box;width:100%;min-width:0;flex-basis:100%;display:flex;flex-direction:column;align-items:flex-start;
  gap:var(--drop-gap);padding:1.25rem;margin-block:.75rem;border:2px dashed var(--line-2);
  border-radius:8px;background:var(--panel-2);color:var(--ink)}
#ordRoot .ord-dropzone.is-dragging{border-style:solid;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--panel)}
#ordRoot .ord-drop-title{font-size:var(--drop-body);line-height:1.5;overflow-wrap:anywhere}
#ordRoot .ord-drop-hint,#ordRoot .ord-drop-status{font-size:var(--drop-ui);line-height:1.7;color:var(--muted);margin:0;overflow-wrap:anywhere}
#ordRoot .ord-drop-status:empty{display:none}
#ordRoot .ord-drop-status.error{color:#a52d32}
[data-theme=dark] #ordRoot .ord-drop-status.error{color:#ffb8bb}
#ordRoot .ord-dropzone label{max-width:100%;box-sizing:border-box;white-space:normal}
#ordRoot .ord-dropzone input[type=file]{width:100%;max-width:100%;box-sizing:border-box;min-width:0}
#ordRoot .ord-dropzone label[role=button]:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
#ordRoot #occSelectedFiles li{display:flex;align-items:center;gap:.75rem;justify-content:space-between;margin-block:.5rem}
#ordRoot #occSelectedFiles li>span{min-width:0;overflow-wrap:anywhere}
#ordRoot .ord-drop-remove{flex-shrink:0;min-height:44px;padding:.5rem .75rem;border:1px solid var(--line-2);
  border-radius:6px;background:var(--panel);color:var(--ink);font:inherit;font-size:.875rem;cursor:pointer}
#ordRoot .ord-drop-remove:hover{background:var(--panel-2)}
#ordRoot .ord-drop-remove:disabled{cursor:wait;opacity:.6}
@media(max-width:600px){#ordRoot .ord-dropzone{padding:1rem}#ordRoot #occSelectedFiles{padding-left:0}}
