.geometry-workspace{font-family:system-ui,sans-serif;color:#29252b;width:100%;min-width:0;background:#fff}.geometry-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0}.geometry-toolbar button{font:inherit;font-size:14px;min-height:44px;padding:8px 12px;border:1px solid #d6d2d5;border-radius:6px;background:white;color:inherit;cursor:pointer}.geometry-toolbar button[aria-pressed=true]{background:#edf5f2;border-color:#137565;color:#125d51;font-weight:600}.geometry-toolbar button:disabled{opacity:.5;cursor:default}.geometry-toolbar button:focus-visible,.geometry-item:focus-visible{outline:3px solid #176fa0;outline-offset:3px}.geometry-canvas{display:block;width:100%;height:clamp(240px,44vw,420px);border-block:1px solid #ebe8ea;background:linear-gradient(#fff,#fafaf8);touch-action:pan-y}.geometry-item{cursor:pointer}.geometry-item:focus-visible{outline:none}.geometry-item:focus-visible>circle{stroke:#176fa0;stroke-width:3}.geometry-item:focus-visible>line:first-child{stroke:#176fa0;stroke-width:4}.geometry-status{font-size:14px;min-height:38px;line-height:1.5;margin:12px 0 6px}.geometry-note{font-size:12px;line-height:1.55;color:#615b60;margin:6px 0 16px;max-width:65ch}@media(max-width:350px){.geometry-toolbar button{padding:8px 10px}.geometry-canvas{height:260px}}
.geometry-canvas text{direction:ltr;unicode-bidi:isolate}.geometry-toolbar,.geometry-status,.geometry-note{overflow-wrap:anywhere}
.geometry-item:focus{outline:none}
.geometry-workspace{position:relative}.geometry-toolbar{position:absolute;inset-inline-end:0;top:4px;z-index:2;display:flex;flex-direction:column;background:white;padding:3px;border-radius:8px}.geometry-toolbar button{width:44px;min-width:44px;padding:8px;font-size:12px}.geometry-toolbar .geometry-pencil svg{display:block;width:24px;height:24px}.geometry-canvas{margin-top:8px}.geometry-canvas.is-drawing{touch-action:none;cursor:crosshair}.geometry-palette{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#f6f7f6;border:1px solid #d6d2d5;border-radius:8px}.geometry-palette[hidden]{display:none}.geometry-palette span{flex-basis:100%;font-weight:600}.geometry-palette button{min-height:44px;padding:8px 10px;border:1px solid #ccc;border-radius:6px;background:white;color:#29252b;font:inherit;font-size:13px;cursor:pointer}.geometry-palette button[style]{border-bottom:5px solid var(--swatch)}.geometry-palette button:focus-visible{outline:3px solid #176fa0;outline-offset:2px}
/* Reserve a separate tool gutter so pencil/Undo cannot cover point targets. */
.geometry-canvas{width:calc(100% - 52px);margin-inline-end:52px;box-sizing:border-box}