body,html{margin:0;padding:0;font-family:sans-serif;background:#f0f0f0}.draw-canvas{position:absolute;top:0;left:0;border:2px solid #444;background:#fff;cursor:crosshair;display:block}.toolbar{margin-top:610px;margin-left:10px;padding:.75rem;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 0 5px #0000001a;max-width:260px}.toolbar input[type=text]{width:100%;padding:5px;margin-bottom:.5rem;font-size:14px;border-radius:4px;border:1px solid #ccc}.color-buttons{display:flex;margin-bottom:.5rem}.color-button{width:24px;height:24px;border-radius:50%;border:1px solid #ccc;margin-right:5px;cursor:pointer}.color-button.active{border:2px solid #000}.cursor{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.dot{width:10px;height:10px;border-radius:50%}.name-tag{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#ffffffe6;padding:2px 6px;font-size:12px;border-radius:4px;font-weight:700}