.sr-preview { margin-top: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #f3f5f8 repeating-conic-gradient(#e8ebf0 0 25%, transparent 0 50%) 0 0 / 16px 16px; text-align: center; }
.sr-preview canvas { max-width: 100%; max-height: 460px; height: auto; box-shadow: 0 1px 3px rgba(16, 24, 40, .18); }
.sr-color { width: 100%; height: 42px; padding: 3px; border: 1px solid #cdd6e0; border-radius: 8px; background: #fff; }