.copy-color-launch {
  position: fixed; right: 16px; bottom: 16px; z-index: 10050;
  border: 1px solid #d6d0c8; border-radius: 24px; background: #fff; color: #302d28;
  padding: 11px 17px; box-shadow: 0 3px 16px #0002; font: 14px sans-serif; cursor: pointer;
}
.copy-color-dialog {
  position: fixed; inset: auto 16px 70px auto; margin: 0; padding: 20px;
  width: min(400px, calc(100vw - 24px)); max-height: 75dvh; overflow-y: auto;
  border: 1px solid #d6d0c8; border-radius: 14px; background: #fff; color: #302d28;
  box-shadow: 0 8px 40px #0003; font: 14px/1.6 sans-serif; box-sizing: border-box;
}
.copy-color-dialog::backdrop { background: #0002; }
.copy-color-dialog h2 { font: bold 18px/1.5 sans-serif; margin: 0; color: #302d28; }
.copy-color-dialog p { margin: 7px 0 14px; font-size: 12px; color: #625e58; }
.copy-color-top { position: sticky; top: -20px; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 12px; background: #fff; padding: 10px 0; }
.copy-color-row { padding: 11px 0; border-top: 1px solid #e9e6e2; }
.copy-color-row label { display: block; font-weight: 600; margin-bottom: 5px; }
.copy-color-controls { display: flex; gap: 8px; align-items: center; }
.copy-color-controls input[type=color] { width: 45px; height: 36px; padding: 2px; border: 1px solid #c8c2ba; background: #fff; cursor: pointer; }
.copy-color-controls input[type=text] { width: 100px; min-width: 0; padding: 7px; border: 1px solid #c8c2ba; border-radius: 5px; background: #fff; color: #302d28; font: 16px monospace; }
.copy-color-dialog button { padding: 7px 10px; border: 1px solid #d6d0c8; border-radius: 7px; background: #f7f5f2; color: #302d28; font: 12px sans-serif; cursor: pointer; }
.copy-color-dialog button:disabled { opacity: .4; cursor: default; }
.copy-color-dialog [aria-invalid=true] { outline: 2px solid #b43535; }
.copy-color-status { position: sticky; bottom: -20px; padding: 12px 0; background: #fff; border-top: 1px solid #e9e6e2; font-size: 12px; }
.copy-color-status button { margin-left: 8px; }
@media (max-width: 767px) {
  .copy-color-dialog { right: 12px; bottom: 68px; }
  .copy-color-launch { right: 12px; bottom: 12px; }
}
@media print { .copy-color-launch, .copy-color-dialog { display: none !important; } }