.drawing-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.drawing-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; max-height: 340px; overflow-y: auto; }
.drawing-tile, .drawing-thumb { color: inherit; background: transparent; border: 1px solid var(--border, #38415a); border-radius: 8px; padding: 6px; cursor: pointer; }
.drawing-tile img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: contain; }
.drawing-tile span { display: block; margin-top: 5px; font-size: 12px; overflow-wrap: anywhere; }
.drawing-thumb { display: block; margin: 8px 0; }
.drawing-thumb img { display: block; width: min(200px, 100%); max-height: 130px; object-fit: contain; }
.drawing-preview { width: min(1100px, calc(100% - 24px)); max-height: calc(100dvh - 32px); box-sizing: border-box; overflow: auto; color: var(--text, #eef2ff); background: var(--panel, #10182d); border: 1px solid #52638c; border-radius: 12px; padding: 14px; }
.drawing-preview::backdrop { background: #000c; }
.drawing-preview img { display: block; width: 100%; height: auto; }
.drawing-preview pre { white-space: pre-wrap; font: inherit; font-size: 13px; }
.drawing-attachment { margin: 8px 0; }