:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#404040;background-color:#eff2f5;font-family:system-ui,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:#3223b3;background-color:#ebe9fc;border:1px solid #3223b3;border-radius:4px}.toolbar{container-type:inline-size}@container (width<=519.98px){.toolbar-slider-input{width:50px}.toolbar-color-input{width:27px}.toolbar-button-icon{display:none}}.app-body{flex:1;min-height:0;display:flex;position:relative}.sidebar{pointer-events:none;flex-direction:column;gap:8px;width:360px;padding:8px;display:flex;overflow:auto}.canvas-area{flex:1;justify-content:center;align-items:center;padding:8px;display:flex}.panel{-webkit-backdrop-filter:blur(8px);pointer-events:auto;background:#fff9;border:1px solid #ccc;border-radius:6px}.panel>summary{cursor:pointer;padding:8px}.panel-title{margin:0;font-size:14px;font-weight:700;display:inline}.panel-summary-action{float:right}.panel-body{padding:0 8px 8px}@media (width<=767.98px){.sidebar{z-index:10;width:min(320px,85vw);position:absolute;top:0;bottom:0;left:0}.canvas-area{align-items:flex-end}}