/* Compact symbols and inspection panels share the main ivory instrument UI. */
.cat-icon.compact-icon { width: 40px; height: 40px; object-fit: contain; }
.cat-panel-items .tool-btn .tool-icon.compact-icon { width: 40px; height: 40px; }
.compact-icon { image-rendering: auto; filter: none; }
.cutaway-overlay { background: rgba(35, 53, 51, .38); }
.cutaway-content {
  background: var(--ui-bg2); color: var(--ui-text); border: 1px solid var(--ui-border);
  border-radius: 12px 12px 4px 4px; box-shadow: 0 12px 36px rgba(28, 47, 43, .18);
  grid-template-columns: minmax(0, 1fr) minmax(280px, 34%); gap: 22px;
}
.cutaway-art-wrap { background: #d8ddd0; border: 1px solid var(--ui-border-light); border-radius: 8px 8px 2px 2px; }
.cutaway-art-wrap img, .cutaway-art-wrap.closeup-mode .cutaway-fallback img { image-rendering: auto; filter: none; }
.cutaway-side { padding: 6px 8px 0 0; }
.cutaway-side-header h2 { font-family: var(--font-display); color: var(--ui-text-bright); font-weight: 600; }
.cutaway-desc, .cutaway-stats dd { color: var(--ui-text); }
.cutaway-pill { background: #2a4a40; color: #8ac8c0; border-radius: 5px; letter-spacing: .03em; }
.cutaway-pill-size { background: #4a3a2a; color: #c0a060; }
.cutaway-pill-id { display: none; }
.cutaway-stats dt, .cutaway-stats dt.stats-section-head { font-family: var(--font); color: var(--ui-text-dim); letter-spacing: .04em; }
.cutaway-stats dt.stats-section-head { border-top-color: var(--ui-border-light); }
.cutaway-stats dd.positive { color: var(--ui-green); }
.cutaway-stats dd.negative { color: var(--ui-red); }
.cutaway-stats dd.neutral { color: var(--ui-text); }
.cutaway-stats dd.warning { color: var(--ui-yellow); }
.cutaway-fallback, .cutaway-fallback-label, .cutaway-art-wrap.closeup-mode .cutaway-fallback-label {
  font-family: var(--font); color: var(--ui-text-dim); letter-spacing: .04em;
}
.cutaway-hint, .cutaway-hint kbd { color: var(--ui-text-dim); border-color: var(--ui-border-light); font-family: var(--font); }
.cutaway-close { background: var(--ui-bg2); color: var(--ui-text); border: 1px solid var(--ui-border); border-radius: 6px; }
.cutaway-close:hover { background: #4a2a20; color: #e08060; }
.cutaway-spo-section { background: var(--ui-bg); border-color: var(--ui-border-light); }
@media (max-width: 760px) {
  .cutaway-content { grid-template-columns: 1fr; overflow-y: auto; height: min(90vh, 900px); }
  .cutaway-art-wrap { min-height: 230px; }
  .cutaway-side { overflow: visible; }
}

.cutaway-footer { border-top-color: var(--ui-border-light); }
.cutaway-marker-key { background: rgba(255, 252, 244, .92); color: var(--ui-text); border: 1px solid var(--ui-border-light); font-family: var(--font); }
.cutaway-marker-key b { color: var(--ui-text-bright); }