.stage {
  height: 220px; border-radius: 16px; margin-bottom: 18px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #e7f4f2, #f3ead9);
}
#box { width: 120px; height: 120px; border-radius: 18px; background: #fff; }

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.85rem;
  white-space: pre-wrap; word-break: break-all;
}