/* Drawing tools extend the four-module layout without changing lesson forms. */
.app-shell .main-editor .field-card{grid-template-areas:"heading heading" "settings settings" "custom custom" "tools canvas" "library library" "inspector inspector"}
.app-shell .field-card .palette-row .swatches{display:grid;grid-template-columns:repeat(2,28px);gap:6px}
.drawing-library{grid-area:library;margin-top:15px;min-width:0;border:1px solid #dce6f1;border-radius:9px;background:#f9fbfe}
.drawing-library>summary{cursor:pointer;padding:12px;color:#345779;font-size:13px;font-weight:650;line-height:1.7}
.drawing-library>summary>span{display:block;margin:2px 0 0 13px;color:#71869d;font-size:11px;font-weight:400}
.drawing-library #equipmentPalette{padding:0 12px 12px;max-height:none;overflow:visible}
.drawing-tool-group h3{font-size:12px;color:#526f89;margin:12px 0 9px}
.drawing-tool-group>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:7px}
.drawing-tool-group .element-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:76px;padding:8px 4px;border:1px solid #dce6f1;border-radius:7px;background:#fff;color:#49647e;font-family:inherit;font-size:12px;cursor:pointer}
.drawing-tool-group .element-button:hover{background:#edf5ff;border-color:#93b8e7}
.drawing-tool-group .element-button svg{width:48px;height:36px;display:block;pointer-events:none}
.drawing-tool-group>p{font-size:11px;line-height:1.7;color:#71869d;margin:9px 0 2px}
.drawing-library:focus-within{border-color:#93b8e7}
.app-shell .field-card>.selected-inspector{padding:12px;background:#f6f9fd;border:1px solid #e0e8f2;border-radius:9px;gap:10px 14px;min-width:0}
.app-shell .field-card>.selected-inspector[hidden]{display:none}
.selection-header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0}
.selection-header small{font-size:10px;color:#71869d;text-align:right}
.selected-color-row{display:flex;align-items:center;gap:9px;width:100%;min-width:0;color:#526f89;font-size:11px}
.selected-color-row>.swatches{display:flex;justify-content:flex-start;flex:1;min-width:0;flex-wrap:wrap;gap:5px}
.selected-inspector label[data-selected-prop]{min-width:0}
.selected-inspector [data-selected-prop=label]{width:95px;min-height:32px;padding:5px 7px}
.selected-inspector .object-size-control,.selected-inspector .object-rotation-control{display:flex;flex:1 1 210px;min-width:0;gap:7px}
.selected-inspector .object-size-control input,.selected-inspector .object-rotation-control input{flex:1;min-width:75px;width:auto;max-width:200px;padding:0;accent-color:#0876ff}
.selected-inspector output{min-width:42px;font-size:11px}
.rotation-actions{display:flex;gap:7px;flex-wrap:wrap}
.rotation-actions .text-button{font-size:11px;padding:5px 7px;min-height:32px;background:#fff;border:1px solid #dce6f1;border-radius:5px}
.selected-inspector .object-actions{flex-wrap:wrap}
@media(max-width:760px){
  .app-shell .main-editor .field-card{grid-template-areas:"heading" "settings" "custom" "tools" "canvas" "library" "inspector"}
  .app-shell .field-card .palette-row .swatches{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px}
  .app-shell .field-card .palette-row{align-items:flex-start}
  .app-shell .field-card .palette-label{flex:none;padding-top:6px}
  .drawing-tool-group>div{grid-template-columns:repeat(3,minmax(0,1fr))}
  .drawing-tool-group .element-button{font-size:11px;min-height:70px}
  .drawing-library>summary{font-size:12px;padding:10px}
  .drawing-library>summary>span{font-size:10px}
  .app-shell .field-card>.selected-inspector{padding:10px;gap:9px}
  .selection-header{align-items:flex-start}
  .selection-header small{max-width:150px;line-height:1.5}
  .selected-inspector .object-size-control,.selected-inspector .object-rotation-control{flex-basis:100%}
  .selected-inspector .object-actions{width:100%;justify-content:flex-end}
}