/* Appearance panel (appearance.js) and Layers list */
.acn-pc-zoom { flex: none; background: none; border: none; color: #9AA1A4; cursor: pointer; font-size: 14px; padding: 0 4px; }
.acn-pc-zoom:hover { color: #fff; }

.acn-appearance { padding: 2px 0 6px; font-size: 12px; color: #cfd4d6; }
.acn-appearance > :not(.divider) { margin-left: 13px; margin-right: 8px; }
.acn-app-row { display: flex; align-items: center; gap: 8px; padding: 3px 0; }
.acn-app-row > span:first-child { flex: 1; color: #9AA1A4; }
.acn-app-row .acn-select { width: 140px; flex: none; }
.acn-app-row .acn-input { width: 80px; flex: none; }
.acn-app-wide .acn-select { width: 100%; }
.acn-app-right { justify-content: flex-end; }
.acn-app-help { font-size: 10.5px; color: #8a9296; line-height: 1.3; padding: 2px 0 4px; }
.acn-app-controls { padding-bottom: 4px; }
.acn-app-slider { padding: 3px 0 6px; }
.acn-app-label { display: flex; justify-content: space-between; color: #9AA1A4; margin-bottom: 5px; }
.acn-app-label b { color: #e3e6e8; font-weight: 600; font-variant-numeric: tabular-nums; }
.acn-app-sld { margin: 0 6px; }
.acn-app-palettes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; padding: 4px 0 6px; }
.acn-app-palette { height: 16px; border: 2px solid transparent; border-radius: 3px; cursor: pointer; padding: 0; }
.acn-app-palette.active { border-color: #fff; }
.acn-app-matcaps { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; padding: 4px 0; }
.acn-app-matcaps img { width: 100%; border-radius: 50%; border: 2px solid transparent; cursor: pointer; }
.acn-app-matcaps img.active { border-color: #fff; }
.acn-app-color { width: 60px; height: 24px; padding: 0; border: 1px solid #555; background: none; cursor: pointer; }
.acn-app-classes { display: flex; flex-direction: column; gap: 2px; padding: 4px 0; }
.acn-app-class { display: flex; align-items: center; gap: 6px; cursor: pointer; }
.acn-app-swatch { width: 12px; height: 12px; border-radius: 2px; flex: none; }