.preview { height: 200px; border-radius: 16px; border: 1px solid var(--border); margin-bottom: 18px; }
input[type="color"] { width: 100%; height: 46px; padding: 4px; border: 1.5px solid var(--border); border-radius: 10px; background: #fff; cursor: pointer; }
input[type="range"] { width: 100%; accent-color: var(--primary); }
.code {
  margin-top: 14px; background: #16181d; color: #e7f4f2; padding: 14px;
  border-radius: 10px; font-size: 0.78rem; white-space: pre-wrap; word-break: break-all;
}