html,body{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg-page, #e9eef1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#canvas-container{position:absolute;inset:0;overflow:hidden}#ui{position:absolute;left:12px;top:12px;z-index:100;background:#ffffffeb;padding:10px;border-radius:6px;box-shadow:0 6px 18px #0000001f;min-width:160px}#ui button{display:block;width:100%;margin:6px 0;padding:8px 10px;border:none;border-radius:4px;background:linear-gradient(180deg,#f3f6f8,#e9eef1);cursor:pointer;box-shadow:0 1px #fff9 inset}#ui button:hover{filter:brightness(.98)}#ui button:active{transform:translateY(1px)}#ui .label{font-size:12px;color:#333;margin-top:6px}@media (max-width: 520px){#ui{left:8px;top:8px;min-width:140px;padding:8px}#ui button{padding:6px 8px}}.hidden{display:none!important}.small{font-size:12px}.panel{margin-top:8px;padding:6px;background:#00000008;border-radius:4px}.panel pre{margin:0;font-size:12px;max-height:160px;overflow:auto}