#pondDraw{position:absolute;z-index:4;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:10px 12px;border:1px solid var(--rule);border-radius:12px;background:var(--panel);color:var(--ink);box-shadow:var(--pt-shadow-small);font:12px/1.4 system-ui,sans-serif;box-sizing:border-box}
:is(#pondDraw,#sceneShapeTools) .drawRow,:is(#pondDraw,#sceneShapeTools) .drawButtons,:is(#pondDraw,#sceneShapeTools) form{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
:is(#pondDraw,#sceneShapeTools) button,:is(#pondDraw,#sceneShapeTools) select,:is(#pondDraw,#sceneShapeTools) input{font:inherit;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:6px;padding:7px 9px;min-height:34px;width:auto;margin:0}
:is(#pondDraw,#sceneShapeTools) button{cursor:pointer;font-weight:600}
:is(#pondDraw,#sceneShapeTools) button[aria-pressed="true"]{background:var(--accent);color:#FFFFFF;border-color:var(--accent)}
:is(#pondDraw,#sceneShapeTools) button:focus-visible,:is(#pondDraw,#sceneShapeTools) select:focus-visible,:is(#pondDraw,#sceneShapeTools) input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:is(#pondDraw,#sceneShapeTools) p{margin:7px 0 0;font-size:11px;color:var(--muted);max-width:520px}
:is(#pondDraw,#sceneShapeTools) form{margin-top:8px;align-items:end}
:is(#pondDraw,#sceneShapeTools) label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted)}
:is(#pondDraw,#sceneShapeTools) input{width:94px;box-sizing:border-box}
:is(#pondDraw,#sceneShapeTools) [hidden]{display:none!important}
@media(max-width:600px){#pondDraw{left:8px;bottom:8px;max-width:calc(100% - 16px);padding:8px}:is(#pondDraw,#sceneShapeTools) .drawRow{gap:5px}:is(#pondDraw,#sceneShapeTools) p{max-width:330px}:is(#pondDraw,#sceneShapeTools) button,:is(#pondDraw,#sceneShapeTools) select{padding:6px 8px;min-height:36px}:is(#pondDraw,#sceneShapeTools) select{font-size:11px}}

:is(#pondDraw,#sceneShapeTools) .handTool{display:flex;align-items:center;justify-content:center;gap:7px}
:is(#pondDraw,#sceneShapeTools) #undoBar{position:static;display:flex;gap:6px;margin-top:8px}
:is(#pondDraw,#sceneShapeTools) #undoBar button{width:auto;height:auto;font:600 12px system-ui;padding:7px 9px}
:is(#pondDraw,#sceneShapeTools) #draw-clear{background:var(--pt-danger);border-color:var(--pt-danger);color:white}
:is(#pondDraw,#sceneShapeTools) #undoBar button:disabled{opacity:.4;cursor:default}


/* Compact vector tools, with hover and keyboard-focus labels. */
:is(#pondDraw,#sceneShapeTools) .toolStrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:3px;border:1px solid var(--rule);border-radius:8px;background:var(--pt-surface)}
:is(#pondDraw,#sceneShapeTools) .iconTool{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:44px;padding:8px;border-color:transparent;background:transparent;border-radius:5px}
:is(#pondDraw,#sceneShapeTools) .iconTool svg{flex:none;pointer-events:none}
:is(#pondDraw,#sceneShapeTools) .iconTool:hover:not(:disabled){background:var(--pt-hover);border-color:var(--pt-border-strong)}
:is(#pondDraw,#sceneShapeTools) .iconTool[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
:is(#pondDraw,#sceneShapeTools) .iconTool::after{content:attr(data-tooltip);position:absolute;left:0;bottom:calc(100% + 7px);z-index:30;display:none;width:max-content;max-width:215px;padding:6px 8px;border:1px solid var(--rule);border-radius:5px;background:var(--pt-ink);color:var(--pt-on-accent);box-shadow:0 3px 10px #0007;font:11px/1.4 system-ui;pointer-events:none}
:is(#pondDraw,#sceneShapeTools) .toolStrip .iconTool:nth-child(n+4)::after{left:auto;right:0}
:is(#pondDraw,#sceneShapeTools) .iconTool:hover::after,:is(#pondDraw,#sceneShapeTools) .iconTool:focus-visible::after{display:block}
:is(#pondDraw,#sceneShapeTools) #undoBar{display:grid;grid-template-columns:44px 44px minmax(0,1fr);align-items:center}
:is(#pondDraw,#sceneShapeTools) #undoBar #draw-clear{justify-self:end;min-width:74px;min-height:38px}
.settingToggle,:is(#pondDraw,#sceneShapeTools) .settingToggle{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;margin:0;font:12px/1.4 system-ui,sans-serif;cursor:pointer;color:inherit}
:is(#pondDraw,#sceneShapeTools) .operationToggle{margin-top:8px}
:is(#pondDraw,#sceneShapeTools) #drawSubtract{min-height:44px;width:100%;margin-top:4px}
.settingToggle > span:first-child{flex:1;min-width:0}
.settingToggle input{position:absolute;right:0;top:50%;transform:translateY(-50%);width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;opacity:0;cursor:pointer}
.settingToggle .toggleTrack{display:block;position:relative;flex:none;width:38px;height:22px;margin-left:auto;border:1px solid var(--pt-border-strong);border-radius:16px;background:var(--pt-border-strong);pointer-events:none}
.settingToggle .toggleTrack::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--paper);transition:transform .15s}
.settingToggle input:checked + .toggleTrack{background:var(--accent);border-color:var(--accent)}
.settingToggle input:checked + .toggleTrack::after{transform:translateX(16px)}
.settingToggle input:focus-visible + .toggleTrack{outline:2px solid var(--focus);outline-offset:3px}
.alternateView{display:flex;align-items:center;gap:14px}
/* Drawing commits through release, closing a polygon, double-click or Enter. */
#ls-finish,#ls-canvas-finish,#gw-finish,#gw-canvas-finish,#sr-finish,#pp-finish,#path-finish,#path-apply,[data-path-finish],[data-path-apply],#pn-stop{display:none!important}
#gp-place{display:none!important}
#drawSize button[type="submit"],#pool-preview,#pool-apply,#pool-cancel{display:none!important}
/* Pointer and hand live in the universal canvas toolbar. */
.sceneWorkspace :is(#pondDraw,#sceneShapeTools) #draw-edit,.sceneWorkspace :is(#pondDraw,#sceneShapeTools) #draw-hand{display:none!important}

.contourMenu{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.contourMenu[hidden]{display:none}.contourMenu button{min-height:44px}.contourMenu button:first-child{grid-column:1/-1}

#sceneShapeTools{margin:8px 0;font:12px/1.4 system-ui,sans-serif;color:var(--ink)}
#sceneShapeTools .toolStrip{grid-template-columns:repeat(4,minmax(0,1fr))}

#drawActionMenu{display:grid;gap:6px;padding:8px;margin-top:6px;border:1px solid var(--rule);border-radius:8px;background:var(--panel);box-shadow:var(--pt-shadow-small)}
#drawActionMenu button{min-height:44px;text-align:left}

#pondDraw #drawActionMenu{position:fixed;z-index:1000;width:220px;margin:0;box-sizing:border-box}