*{box-sizing:border-box}html,body,#app{height:100%;margin:0;font-family:Inter,system-ui,Arial,sans-serif}.layout{display:flex;height:100vh}.controls{width:260px;padding:18px;border-right:1px solid #e3e3e3;background:#fff}.controls h2{margin-top:0}.controls button{width:100%;padding:10px;margin-bottom:10px;cursor:pointer}.canvas-area{flex:1;display:flex;align-items:stretch;background:#f7f7f7}.paper-canvas{flex:1;border:1px solid #d0d0d0}.info{margin-top:16px;font-size:14px;color:#444}.editor-root[data-v-f30b5a4d]{display:flex;flex-direction:column;height:100%}.toolbar[data-v-f30b5a4d]{padding:12px;background:#fff;border-bottom:1px solid #eee;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.modes label[data-v-f30b5a4d]{margin-right:8px}.actions button[data-v-f30b5a4d]{margin-right:6px;padding:6px 10px}.actions button.active[data-v-f30b5a4d]{background:#f0f0f0}.canvas-wrap[data-v-f30b5a4d]{flex:1;display:block}.paper-canvas[data-v-f30b5a4d]{width:100%;height:calc(100vh - 70px);display:block;background:#fafafa}.hint[data-v-f30b5a4d]{width:100%;margin-top:6px;color:#666;font-size:12px}.app-root{display:flex;height:100vh;overflow:hidden}.sidebar{width:320px;border-right:1px solid #e6e6e6;padding:12px;background:#fff;overflow-y:auto}.btn-group{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.exec{margin-top:8px}.result{margin-top:16px;font-size:14px}.corner-title{margin-top:10px}.main-area{flex:1;overflow:hidden}@media(max-width:900px){.app-root{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #e6e6e6}.main-area{height:calc(100vh - 300px)}}@media(max-width:600px){.btn-group button{flex:1 1 calc(50% - 6px)}}