#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}
#up-after{background:repeating-conic-gradient(#e9e9ee 0 25%,#fff 0 50%) 0 0/20px 20px}
#bg-colors{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 0;font-size:14px;color:var(--sub,#5a5a60)}
#bg-colors button{width:32px;height:32px;border-radius:50%;border:1px solid var(--line,#cfcfd6);cursor:pointer;padding:0}
#bg-colors button[aria-pressed=true]{outline:3px solid var(--accent,#ffce59);outline-offset:2px}
#bg-colors button[data-bg=""]{background:repeating-conic-gradient(#d5d5dc 0 25%,#fff 0 50%) 0 0/10px 10px}