*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:grid;grid-template-columns:380px 1fr 420px;grid-template-rows:1fr auto;height:100vh}.sidebar{padding:12px;border-right:2px solid #bbb;overflow:auto;background:#fafafa}.sidebar:last-child{border-right:none;border-left:2px solid #bbb}.toolbar{padding:8px;border-bottom:1px solid #eee}.canvasContainer{position:relative;display:flex;align-items:center;justify-content:center;background:#f8f8f8}.imageCanvas{max-width:100%;max-height:100%}.overlayBox{position:absolute;border:2px dashed rgba(0,0,0,.6);background:#0000;pointer-events:none}.gridOverlay{position:absolute;pointer-events:none;z-index:20;opacity:.7}button{padding:6px 10px;border:1px solid #ccc;background:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:default}input[type=file]{display:block}