.drop{border:2px dashed var(--line);background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 20px 20px, var(--paper);border-radius:16px;place-items:center;transition:border-color .2s,background-color .2s;display:grid;position:relative;overflow:hidden}.drop-logo{aspect-ratio:1}.drop-shot{aspect-ratio:16/10}.drop.over{border-color:var(--magenta);background-color:var(--magenta-soft)}.drop.has-image{border-style:solid}.drop img{object-fit:cover;width:100%;height:100%}.drop-logo img{object-fit:contain;background:#fff;padding:10%}.drop-empty{width:100%;height:100%;color:var(--ink-2);text-align:center;cursor:pointer;background:0 0;border:0;align-content:center;justify-items:center;gap:6px;padding:16px;display:grid}.drop-empty svg,.drop-empty .spinner{width:28px;height:28px;color:var(--magenta)}.drop-empty b{font-size:.92rem}.drop-empty small{color:var(--muted);font:400 .72rem/1 var(--font-mono)}.drop-actions{gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.drop-actions .admin-icon-btn{background:var(--surface);width:34px;height:34px;color:var(--ink);box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:999px;place-items:center;display:inline-grid}.drop-actions .admin-icon-btn svg{width:16px;height:16px}