html,body{padding:0;margin:0}#dropzone{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-family:sans-serif;color:#fff;background:#f8060688;pointer-events:none;opacity:0;transition:opacity .2s}#dropzone.active{opacity:1}#legend{color:#fff;position:fixed;top:5px;left:10px;z-index:111;background-color:#000;padding:10px 20px}#legend a{color:#0ff}