*{box-sizing:border-box;margin:0;padding:0}html,body{background:#1a1a1a;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}#editor-canvas{touch-action:none;background:#2a2a2a;width:100%;height:100%;display:block}#toolbar{z-index:100;background:#000c;border-radius:12px;gap:10px;padding:10px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#toolbar button{color:#fff;cursor:pointer;white-space:nowrap;background:#4a4a4a;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:background .2s}#toolbar button:hover{background:#5a5a5a}#toolbar button:active{background:#3a3a3a}#btn-delete{background:#c0392b!important}#btn-delete:hover{background:#e74c3c!important}#btn-export{background:#27ae60!important}#btn-export:hover{background:#2ecc71!important}.hidden{display:none!important}#btn-lock{color:#fff;cursor:pointer;z-index:100;background:#000c;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:background .2s;display:flex;position:fixed;top:50%;right:20px;transform:translateY(-50%)}#btn-lock:hover{background:#000000e6}#btn-lock .icon-locked{display:none}#btn-lock .icon-unlocked{display:block}#btn-lock.locked{background:#c0392b}#btn-lock.locked:hover{background:#e74c3c}#btn-lock.locked .icon-locked{display:block}#btn-lock.locked .icon-unlocked{display:none}@media (width<=600px){#toolbar{gap:6px;padding:8px;bottom:10px}#toolbar button{padding:10px 14px;font-size:12px}#btn-lock{width:44px;height:44px;right:10px}}@media (width<=400px){#toolbar{flex-wrap:wrap;justify-content:center;max-width:90%}}