.app-shell .main-editor .field-card{grid-template-areas:"heading heading" "settings settings" "fieldtools fieldtools" "custom custom" "tools canvas" "library library" "inspector inspector"}
.field-edit-bar{grid-area:fieldtools;display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px;margin:0 0 15px;padding:11px 12px;border:1px solid #dce6f1;border-radius:8px;background:#f8fbff;min-width:0}
.field-edit-bar>.button{font-size:12px;padding:7px 10px;min-height:34px;white-space:nowrap}
.field-edit-bar>.button[aria-pressed=true]{background:#e9f2ff;border-color:#95baeb;color:#0867df}
#fieldAdjustHint{font-size:11px;line-height:1.7;color:#647c96;flex:1;min-width:140px}
.field-adjust-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;width:100%;padding-top:10px;border-top:1px solid #dce6f1;min-width:0}
.field-adjust-tools[hidden]{display:none}
.field-angle-control{display:flex;align-items:center;gap:7px;flex:1 1 200px;font-size:11px;color:#526f89;min-width:0}
.field-angle-control input{width:100%;flex:1;min-width:60px;max-width:230px;padding:0;border:0;accent-color:#249487;min-height:32px}
.field-angle-control output{min-width:35px;font-variant-numeric:tabular-nums}
.field-adjust-actions{display:flex;gap:5px;flex-wrap:wrap}
.field-adjust-actions .text-button{margin:0;min-height:32px;padding:5px 7px;border:1px solid #dce6f1;border-radius:5px;background:#fff;color:#426787;font-size:11px}
.field-adjust-actions .text-button[aria-pressed=true]{background:#fff5e7;border-color:#efbd79;color:#a76615}
.field-ratio-control{display:flex;align-items:center;gap:6px;color:#637c94;font-size:11px;white-space:nowrap}
.field-ratio-control input{width:15px;height:15px;min-height:15px;margin:0;padding:0;accent-color:#0876ff}
#fieldCanvas .field-size-handle,#fieldCanvas .field-vertex-handle{cursor:nwse-resize;touch-action:none}
#fieldCanvas .field-vertex-handle{cursor:crosshair}
#fieldCanvas .field-rotation-handle{cursor:grab;touch-action:none}
#fieldCanvas .field-move-handle{cursor:move;touch-action:none}
#fieldCanvas [data-field-handle]:focus-visible>circle:last-of-type{stroke:#113956;stroke-width:4}
.is-adjusting-field .placed{opacity:.7}
.pitch-direction-control{display:flex;align-items:center;flex-wrap:wrap;gap:7px 9px;flex:1 1 290px;min-width:0;font-size:12px;color:#526f89}
.pitch-direction-control[hidden]{display:none}
.pitch-direction-control input{width:130px;flex:1;min-width:60px;max-width:180px;padding:0;border:0;accent-color:#249487;min-height:32px}
.pitch-direction-control output{min-width:33px;font-variant-numeric:tabular-nums}
.pitch-direction-actions{display:flex;gap:5px;flex-wrap:wrap}
.pitch-direction-actions button{padding:5px 7px;min-height:32px;border:1px solid #dce6f1;border-radius:5px;background:#fff;color:#426787;font-size:11px;cursor:pointer}
#fullPitchCanvas .overlay-rotate{cursor:grab;touch-action:none}
#fullPitchCanvas [data-plan-handle]:focus-visible>circle:last-of-type{stroke:#113956;stroke-width:4}
@media(max-width:760px){
  .app-shell .main-editor .field-card{grid-template-areas:"heading" "settings" "fieldtools" "custom" "tools" "canvas" "library" "inspector"}
  .field-edit-bar{gap:8px;padding:9px;margin-bottom:13px}
  #fieldAdjustHint{font-size:10px;min-width:100px}
  .field-edit-bar>.button{font-size:11px;padding:6px 8px}
  .field-adjust-tools{gap:8px;padding-top:8px}
  .field-angle-control{flex-basis:100%}
  .field-adjust-actions .text-button{font-size:10px;min-height:34px;padding:5px 6px}
  .pitch-direction-control{flex-basis:100%;font-size:11px}
  .pitch-direction-actions button{font-size:10px;min-height:34px}
}