/* Compact warm tools, shared by the 2D canvas and 3D pattern editor. */
.grid-edit-tools {display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 15px;border-bottom:1px solid #ecddca;background:#fffaf2;color:#9d7858;font-size:11px}
.grid-edit-tools [role="group"] {display:inline-flex;gap:3px;padding:3px;border:1px solid #ecd7bf;border-radius:7px;background:#fffdf9}
.grid-edit-tools button {font:inherit;cursor:pointer;border:1px solid transparent;border-radius:5px;padding:6px 9px;background:transparent;color:#9d7858;white-space:nowrap}
.grid-edit-tools button:hover {background:#fff0dd;color:#a94e20}
.grid-edit-tools button[aria-pressed="true"] {background:#fce2c7;border-color:#e4b88e;color:#a94e20;box-shadow:0 1px 0 #e8c5a3;font-weight:600}
.grid-edit-tools button:focus-visible {outline:2px solid #d66d30;outline-offset:2px}
.grid-edit-tools button:disabled {opacity:.45;cursor:default}
.grid-edit-tools output {flex:1;min-width:110px;font-size:10px}
.grid-region-replace {display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid #eed3b6;border-radius:7px;background:#fff7eb}
.grid-region-replace[hidden] {display:none}
.grid-region-replace label {font-size:11px;color:#a47750}
.grid-region-replace select {width:100%;min-width:0;padding:7px;border:1px solid #e6ccb0;border-radius:5px;background:#fffdfa;color:#805a3e;font:inherit;font-size:11px}
.grid-region-replace small {font-size:10px;line-height:1.6;color:#ad8a6a}
.grid-region-replace button {margin:0}
canvas[data-selection-tool="rect"],canvas[data-selection-tool="lasso"] {touch-action:none;user-select:none;cursor:crosshair}
.two-d-page .editor {overflow-y:auto}
.two-d-page .editor .grid-region-replace {flex-shrink:0;margin-bottom:10px}
.color-replace-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex-shrink:0;margin-bottom:10px}
.color-replace-actions .btn {min-width:0;margin:0;padding:9px 5px;font-size:11px;white-space:nowrap}
.editor .grid-edit-tools,.pattern-color-editor .grid-edit-tools {flex-shrink:0;border:1px solid #ecddca;border-radius:7px;padding:8px;gap:6px}
.editor .grid-edit-tools {margin-bottom:10px}
.editor .grid-edit-tools [role="group"],.pattern-color-editor .grid-edit-tools [role="group"] {width:100%;justify-content:space-between}
.editor .grid-edit-tools button,.pattern-color-editor .grid-edit-tools button {padding:5px 7px;font-size:10px}
.editor .grid-edit-tools output,.pattern-color-editor .grid-edit-tools output {min-width:0;line-height:1.6;white-space:normal}
.pattern-color-editor .grid-region-replace {flex-shrink:0}
@media(max-width:700px) {.grid-edit-tools {padding:8px;gap:5px}.grid-edit-tools button {padding:6px 8px}.grid-edit-tools output {flex-basis:100%}}