body{background-color:#f5f1e8}#toolbar{color:#2e2a24;background-color:#fffdf8;border-bottom:1px solid #d9d0bd;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;display:flex;box-shadow:0 2px 4px #0000000d}#toolbar>div{border-bottom:1px solid #d9d0bd;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:6px 10px;display:flex}button{color:#2e2a24;cursor:pointer;background:#fffdf8;border:1px solid #c9bfa8;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}button:hover{background:#f0e9db}button:active{transform:translateY(1px)}button:focus-visible{outline-offset:1px;outline:2px solid #c2571a}#add-structure-btn{color:#fff;background:#c2571a;border-color:#a8480f;font-weight:600}#add-structure-btn:hover{background:#a8480f}#solve-btn{color:#fff;background:#c2571a;border-color:#a8480f;font-weight:600}#solve-btn:hover{background:#a8480f}#view-3d-btn{color:#fff;background:#c2571a;border-color:#a8480f;padding:8px 16px;font-size:14px;font-weight:600}#view-3d-btn:hover{background:#a8480f}#clear-btn,#delete-btn,#delete-layout-btn{color:#a33a2a;border-color:#d8b4ac}#clear-btn:hover,#delete-btn:hover,#delete-layout-btn:hover{background:#f7e9e6}button:disabled{opacity:.45;cursor:not-allowed}button:disabled:hover{background:#fffdf8}input[type=checkbox]:checked+label{color:#fff;background-color:#c2571a;border-radius:4px;padding:4px 8px}input[type=checkbox]{accent-color:#c2571a}#unit-toggle{color:#2e2a24;cursor:pointer;background:#fffdf8;border:1px solid #c9bfa8;border-radius:6px;padding:6px 12px;font-size:13px}#unit-toggle[aria-pressed=true]{color:#fff;background:#c2571a;border-color:#a8480f}.grid-toggle-wrapper{background:#fffdf8;border:1px solid #d9d0bd;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.grid-toggle-wrapper:has(input[type=checkbox]:checked){color:#fff;background:#c2571a;border-color:#a8480f}.measure-toggle-wrapper{background:#fffdf8;border:1px solid #d9d0bd;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.measure-toggle-wrapper:has(button[aria-pressed=true]){color:#fff;background:#c2571a;border-color:#a8480f}input[type=number],input[type=text],select{color:#2e2a24;background:#fff;border:1px solid #c9bfa8;border-radius:6px;padding:5px 8px;font-size:13px}input[type=number]:focus,input[type=text]:focus,select:focus{outline-offset:1px;outline:2px solid #c2571a}canvas{width:100%;height:auto;max-height:70vh;margin:0 auto;display:block}#toolbar{margin-bottom:4px}#app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.canvas-container{flex-direction:column;justify-content:center;align-items:center;height:fit-content;padding:8px;display:flex;overflow:auto}.back-to-editor{z-index:10;color:#2e2a24;cursor:pointer;background:#fffdf8;border:1px solid #d9d0bd;border-radius:6px;padding:6px 12px;font-family:Arial,sans-serif;font-size:13px;text-decoration:none;transition:all .2s;position:fixed;top:10px;left:10px;box-shadow:0 1px 3px #00000026}.back-to-editor:hover{background:#f0e9db}.fig-toggle-wrap{z-index:10;color:#2e2a24;background:#fffdf8;border:1px solid #d9d0bd;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-family:Arial,sans-serif;font-size:13px;display:flex;position:fixed;top:10px;right:10px;box-shadow:0 1px 3px #00000026}.fig-toggle-wrap:hover{background:#f0e9db}.fig-toggle-wrap input[type=checkbox]{cursor:pointer;accent-color:#c2571a;width:16px;height:16px}.fig-toggle-wrap input[type=checkbox]:checked+label{color:#fff;background-color:#c2571a;border-color:#a8480f;border-radius:4px;padding:4px 8px}.history-group{border-left:1px solid #d9d0bd;gap:4px;margin-left:8px;padding-left:8px;display:flex}#undo-btn,#redo-btn{color:#2e2a24;cursor:pointer;background:#fffdf8;border:1px solid #c9bfa8;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px;font-size:16px;transition:all .2s;display:flex}#undo-btn:hover:not(:disabled),#redo-btn:hover:not(:disabled){background:#f0e9db}#undo-btn:disabled,#redo-btn:disabled{opacity:1;color:#a9a196;cursor:not-allowed}