.cp-drop{--cp-accent:#f2b300;--cp-line:#8a8a8a;--cp-text:#5a5a5a;--cp-tint:rgba(242,179,0,.06);--cp-radius:16px;--cp-ico:72px;
  position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:2rem 1rem;
  border:1.5px dashed var(--cp-line);border-radius:var(--cp-radius);color:var(--cp-text);text-align:center;cursor:pointer;
  transition:border-color .2s,background-color .2s}
.cp-drop input[type=file]{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}
.cp-drop:hover,.cp-drop.is-over,.cp-drop.has-file{border-color:var(--cp-accent);background:var(--cp-tint)}
.cp-drop.is-over{border-style:solid}
.cp-drop.is-over *{pointer-events:none}
.cp-drop:focus-within{outline:2px solid var(--cp-accent);outline-offset:3px}
.cp-drop.is-busy{pointer-events:none;opacity:.6}
.cp-drop-ico{width:var(--cp-ico);height:var(--cp-ico);margin-bottom:.75rem;fill:none;stroke:var(--cp-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cp-drop-title{font-size:1.35rem;font-weight:700;line-height:1.25}
.cp-drop-hint{font-size:1rem;line-height:1.6}
.cp-drop-file{margin-top:.5rem;font-weight:600;color:var(--cp-text);word-break:break-all}
.cp-drop-file:empty{display:none}
@media (max-width:600px){.cp-drop{padding:1.5rem .75rem}.cp-drop-title{font-size:1.1rem}.cp-drop-hint{font-size:.9rem}}
.cp-note{display:block;margin-top:.6rem;font-size:.85rem;line-height:1.5;color:#6a6a6a}