/* Batch Sheets: the 3D model pane over the copied generator's panel views (batch-sheets.html). */
.model-pane { flex: 0 0 auto; display: flex; flex-direction: column; border-bottom: 1px solid var(--line); background: #fff;
    height: 42vh; min-height: 220px; max-height: 80vh; resize: vertical; overflow: hidden; }
.model-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 5px 10px; border-bottom: 1px solid var(--line); background: #f7f9fb; font-size: 13px; }
.model-bar .spacer { flex: 1 1 auto; }
.model-bar select { font: inherit; padding: 2px 4px; max-width: 200px; }
.model-bar .bar-btn, .model-bar .bar-btn.ghost { padding: 3px 9px; background: #fff; color: var(--accent); border: 1px solid var(--line); font-weight: 600; }
.model-bar .bar-btn:hover { border-color: var(--accent); }
.model-bar .bar-btn.ghost[aria-pressed="true"] { background: var(--accent); color: #fff; border-color: var(--accent); }
.model-count { color: #555; }
.model-legend { display: inline-flex; flex-wrap: wrap; gap: 4px 10px; color: #555; }
.model-key { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.model-key i { display: inline-block; width: 11px; height: 11px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.25); }
.model-host { position: relative; flex: 1 1 auto; min-height: 0; }
.model-canvas { display: block; touch-action: none; outline: none; }
.model-canvas:focus-visible { box-shadow: inset 0 0 0 2px var(--accent); }
.model-msg { position: absolute; inset: 0; margin: 0; display: flex; align-items: center; justify-content: center; padding: 16px; text-align: center; color: #666; }
.model-msg[hidden] { display: none; }
.model-tip { position: absolute; left: 10px; bottom: 8px; background: rgba(33, 33, 33, 0.85); color: #fff; padding: 3px 8px; border-radius: 4px; font-size: 12px; pointer-events: none; }
@media (max-width: 820px) {
    .model-pane { height: 46vh; resize: none; }
    .model-legend { display: none; }
}