.format-group-drawing[data-drawing-workspace] { gap: 10px; }
.drawing-workspace-switch { display: flex; flex-wrap: wrap; gap: 5px; width: 100%; padding: 4px; border-radius: 12px; background: var(--panel-soft, #eef2f7); }
.drawing-workspace-switch .drawing-workspace-button { flex: 1 1 130px; min-height: 40px; padding: 8px 16px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: var(--text, #1e293b); font: inherit; font-weight: 650; cursor: pointer; }
.drawing-workspace-switch .drawing-workspace-button[aria-pressed="true"] { color: #fff; background: var(--accent, #2563eb); box-shadow: 0 2px 6px #0002; }
.drawing-workspace-switch button:focus-visible, .drawing-workspace-advanced summary:focus-visible, .drawing-workspace-properties summary:focus-visible { outline: 2px solid var(--accent, #2563eb); outline-offset: 3px; }
.drawing-workspace-primary { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; width: 100%; }
.drawing-workspace-tools, .drawing-workspace-settings, .drawing-workspace-row, .drawing-workspace-import, .drawing-workspace-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.drawing-workspace-tools { flex: 1 1 100%; }
.drawing-workspace-settings { flex: 1 1 auto; }
.drawing-workspace-settings .drawing-color-panel { flex-wrap: wrap; max-width: 100%; }
.drawing-workspace-advanced, .drawing-workspace-properties { width: 100%; min-width: 0; border: 1px solid var(--border, #dce3ed); border-radius: 10px; }
.drawing-workspace-advanced > summary, .drawing-workspace-properties > summary { padding: 8px 12px; cursor: pointer; font-size: 13px; font-weight: 650; color: var(--muted, #52647b); }
.drawing-workspace-row { padding: 10px 12px; border-top: 1px solid var(--border, #dce3ed); }
.drawing-workspace-footer { width: 100%; border-bottom: 1px solid var(--border, #dce3ed); padding-bottom: 8px; }
.drawing-workspace-messages { display: flex; flex-wrap: wrap; gap: 6px; width: 100%; }
.drawing-workspace-messages .drawing-toolbar-note { flex: 1 1 100%; position: static; max-width: 100%; }
.format-group-drawing .drawing-workspace-excluded, .format-group-drawing .drawing-workspace-legacy { display: none !important; }
.drawing-workspace-primary [hidden], .drawing-workspace-row [hidden], .drawing-workspace-footer [hidden], .drawing-workspace-messages [hidden], .drawing-workspace-properties[hidden] { display: none !important; }
html[data-theme="dark"] .drawing-workspace-switch { background: #202c40; }
html[data-theme="dark"] .drawing-workspace-switch .drawing-workspace-button:not([aria-pressed="true"]) { color: #e2e8f0; }
@media (max-width: 600px) {
  .drawing-workspace-switch .drawing-workspace-button { flex-basis: 90px; padding: 8px 6px; font-size: 12px; }
  .drawing-workspace-tools, .drawing-workspace-settings { width: 100%; }
  .drawing-workspace-settings > *, .drawing-workspace-row > * { max-width: 100%; }
  .drawing-workspace-row { padding: 8px; }
  .drawing-workspace-footer .drawing-toolbar-history { flex-wrap: wrap; }
}