*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,sans-serif}.app-root{display:flex;flex-direction:column;width:100%;height:100%;background:#f8f9fa}.app-body{display:flex;flex:1;overflow:hidden;min-height:0}.canvas-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.canvas-area>div:first-child{flex:1;min-height:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}input:focus-visible,select:focus-visible{outline:2px solid #6366f1;outline-offset:1px}