body,html{margin:0;padding:0;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;overflow-y:auto}#container{display:flex;justify-content:center;align-items:center;width:100vw;position:relative}canvas{max-width:100%}canvas.loaded{border:1px solid #ccc}#controls{position:absolute;top:10px;right:10px;background-color:#ffffffe6;padding:15px;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:10px}#toolbox{display:flex;gap:10px}#coordinates{position:absolute;bottom:10px;left:10px;background-color:#000000b3;color:#fff;padding:5px;border-radius:5px;font-family:Arial,sans-serif}input,button,select,textarea{padding:10px;font-size:14px;width:300px}textarea{height:100px;resize:none}.alert-box{position:fixed;top:50%;left:50%;background:#00a0c0;color:#fff;padding:12px 28px;border-radius:16px;font-size:16px;font-family:Tahoma,Geneva,Verdana,sans-serif;z-index:9999;animation:alertEnter .4s ease-out forwards;font-weight:700}@keyframes alertEnter{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotateX(90deg);filter:blur(8px)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05) rotateX(0);filter:blur(0px)}to{transform:translate(-50%,-50%) scale(1)}}