.draw-admin-state { min-height: 24px; color: #5f7480; font-size: 13px; }
.draw-admin-state.is-error { color: #a34b4b; }
.draw-admin-layout, .draw-audit-layout { display: grid; grid-template-columns: minmax(280px, .9fr) minmax(420px, 1.1fr); gap: 18px; margin-top: 18px; }
.draw-audit-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.draw-activity-list { display: grid; gap: 8px; margin-bottom: 16px; }
.draw-activity-item { display: grid; gap: 5px; padding: 13px 14px; text-align: left; border: 1px solid #d8e0df; border-radius: 8px; background: #fff; color: #32434b; cursor: pointer; }
.draw-activity-item.is-active { border-color: #1d7e80; box-shadow: 0 0 0 2px rgba(29,126,128,.12); }
.draw-activity-item span, .draw-empty, .draw-upload-row span, .draw-fragment-row small { color: #78878b; font-size: 12px; }
.draw-form { margin-top: 14px; }
.draw-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.draw-form-actions, .draw-upload-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.draw-upload-row span { flex: 1; min-width: 180px; }
.draw-select { width: 100%; min-height: 38px; margin-bottom: 12px; }
.draw-fragment-list { display: grid; gap: 8px; margin-top: 18px; }
.draw-fragment-row { display: grid; grid-template-columns: 72px minmax(120px,1fr) minmax(130px,auto) auto auto; gap: 8px; align-items: center; padding: 10px; border-top: 1px solid #e6eceb; font-size: 13px; min-width: 0; }
.draw-fragment-row img, .draw-image-missing { width: 64px; aspect-ratio: 1; object-fit: cover; display: grid; place-items: center; background: #eef2f1; color: #68787d; }
.draw-fragment-row input { width: 64px; min-height: 30px; }
.draw-fragment-row small { display: block; overflow-wrap: anywhere; color: #78878b; }
.draw-audit-table-wrap { overflow: auto; border: 1px solid #e1e8e7; border-radius: 8px; }
.draw-audit-table { width: 100%; min-width: 480px; border-collapse: collapse; font-size: 12px; }
.draw-audit-table th, .draw-audit-table td { padding: 10px; text-align: left; border-bottom: 1px solid #edf1f0; white-space: nowrap; }
@media (max-width: 900px) { .draw-admin-layout, .draw-audit-layout { grid-template-columns: 1fr; } }
.draw-preview-panel { margin-top: 18px; }
.draw-admin-exchange-form { display: grid; grid-template-columns: minmax(140px, .8fr) minmax(180px, 1fr) minmax(260px, 1.5fr) auto; gap: 12px; align-items: end; margin-top: 18px; }
.draw-admin-exchange-form > div { grid-column: 1 / -1; }
.draw-admin-exchange-form label { min-width: 0; }
.draw-admin-exchange-form input, .draw-admin-exchange-form select { width: 100%; }
.draw-preview-meta, .draw-preview-ok { color: #486b61; font-size: 13px; }
.draw-validation-errors { border-left: 3px solid #a34b4b; padding: 10px 14px; color: #8d3e3e; background: #fff7f7; }
.draw-upload-preview img { max-width: 100%; display: block; }
.draw-upload-preview__full { max-width: 280px; }
.draw-upload-preview__fragments { display: grid; grid-template-columns: repeat(4,minmax(64px,1fr)); gap: 8px; margin-top: 8px; }
.draw-upload-preview figure { margin: 0; min-width: 0; }
.draw-upload-preview figcaption { font-size: 12px; color: #68787d; }
@media (max-width: 760px) { .draw-admin-exchange-form { grid-template-columns: 1fr; } .draw-admin-exchange-form > div { grid-column: auto; } }
@media (max-width: 560px) { .draw-form-grid, .draw-upload-preview__fragments { grid-template-columns: 1fr; } .draw-fragment-row { grid-template-columns: 64px minmax(0,1fr); } .draw-fragment-row label, .draw-fragment-row button { grid-column: 1 / -1; } }