#up-drop{border:2px dashed var(--line,#cfcfd6);border-radius:14px;padding:30px 18px;text-align:center;cursor:pointer;background:var(--soft,#f6f6f8);transition:border-color .15s,background .15s}
#up-drop.over{border-color:var(--accent,#ffce59);background:#fff}
#up-drop p{margin:6px 0;color:var(--sub,#5a5a60)}
#up-drop .big{font-size:17px;color:var(--ink,#1d1d1f);font-weight:700}
#up-file{display:none}
.up-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0 0}
#up-msg{font-size:15px;color:var(--sub,#5a5a60);min-height:1.4em;margin:10px 0 0}
.up-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 0}
.up-grid figure{margin:0}
.up-grid figcaption{font-size:13px;color:var(--sub,#5a5a60);margin:0 0 4px}
.up-grid img{width:100%;height:auto;border:1px solid var(--line,#e6e6ea);border-radius:10px;background:#fff;image-rendering:auto}
@media (max-width:560px){.up-grid{grid-template-columns:1fr}}
.up-dl{display:inline-block;background:var(--accent,#ffce59);color:#111;padding:11px 18px;border-radius:10px;font-weight:700;text-decoration:none}