*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial}.toolbar{position:fixed;left:12px;top:12px;right:12px;display:flex;gap:8px;align-items:center;background:#fff;color:#111;border:1px solid #dddddd;border-radius:12px;padding:8px 10px;z-index:20}.toolbar .sel{display:flex;gap:8px;align-items:center}.toolbar label{opacity:.8;font-size:12px}.toolbar select,.toolbar button{background:#fff;color:#111;border:1px solid #dddddd;border-radius:8px;padding:6px 8px}.toolbar button[disabled]{opacity:.5;cursor:not-allowed}.toolbar .sp{flex:1}.container{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#fff}.canvas{position:relative;width:100%;height:100%;overflow:hidden;background:#fff}.stage{position:absolute;left:0;top:0;will-change:transform}.sideNav{position:fixed;left:50%;transform:translate(-50%);top:0;width:48px;height:48px;border-radius:999px;background:#ffffff14;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.2);cursor:pointer;z-index:15;-webkit-user-select:none;user-select:none}#navBottom{top:auto;bottom:0}#navLeft{left:0;top:50%;transform:translateY(-50%)}#navRight{left:auto;right:0;top:50%;transform:translateY(-50%)}.sideNav.hidden{display:none}.mini{position:fixed;right:14px;top:70px;background:#fff;border:1px solid #dddddd;border-radius:10px;padding:6px;z-index:25}.mini canvas{display:block}.mini .box{position:absolute;border:2px solid #ef4444;pointer-events:none}.logs{position:fixed;z-index:30;background:#fff;color:#111;border:1px solid #dddddd;border-radius:10px;width:460px}.logs header{display:flex;justify-content:space-between;align-items:center;background:#0f172a;border-bottom:1px solid #1f2937;border-radius:10px 10px 0 0;padding:6px 8px}.logs .body{padding:6px;display:block}.logs textarea{width:100%;height:120px;resize:none;background:#fff;color:#111;border:1px solid #dddddd;border-radius:6px;padding:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.logs.collapsed textarea{height:24px;overflow:hidden}.modalMask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:grid;place-items:center;z-index:40}.modal{background:#fff;color:#111;border:1px solid #dddddd;border-radius:12px;padding:16px;max-width:720px}.modal h3{margin:6px 0 10px}.modal .actions{display:flex;gap:8px;justify-content:flex-end}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.overlay{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index:10}@media (max-width: 1280px){.toolbar{flex-wrap:wrap;gap:8px}.toolbar .sel{flex:1 1 260px}.toolbar .sp{display:none}.toolbar .group{display:flex;gap:8px;flex-wrap:wrap}}@media (max-width: 900px){.toolbar{flex-direction:column;align-items:stretch}.toolbar .sel{width:100%}.toolbar .group{width:100%;display:flex;flex-wrap:wrap;gap:8px}.toolbar button,.toolbar select{width:auto;min-width:72px}}