/* bgremove 固有スタイル */
#editor[hidden], #pvcolor[hidden] { display: none; }

.br-color .pt-inline { flex-wrap: wrap; gap: 0.5rem 0.6rem; }
.br-color .btn { margin: 0; width: auto; }

.br-viewbar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; margin: 0.25rem 0 0.6rem; }
.br-viewbar .pt-check { margin: 0; }
.br-viewlabel { font-size: 0.85rem; color: var(--text-sub); width: 100%; }
@media (min-width: 640px) { .br-viewlabel { width: auto; } }
.br-viewbar input[type="color"] { margin: 0; }

.br-stage {
  border-radius: var(--pt-r);
  border: 1px solid var(--border);
  padding: 0.75rem;
  display: flex; justify-content: center; align-items: flex-start;
  background-color: #fff;
  background-image:
    linear-gradient(45deg, #d4d4d8 25%, transparent 25%, transparent 75%, #d4d4d8 75%),
    linear-gradient(45deg, #d4d4d8 25%, transparent 25%, transparent 75%, #d4d4d8 75%);
  background-size: 16px 16px;
  background-position: 0 0, 8px 8px;
}
.br-stage[data-bg="white"] { background-image: none; background-color: #fff; }
.br-stage[data-bg="black"] { background-image: none; background-color: #000; }
.br-stage[data-bg="color"] { background-image: none; }
.br-stage canvas {
  display: block; max-width: 100%; max-height: 560px; width: auto; height: auto;
  cursor: crosshair;
}

.br-sliders { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.25rem; }
.br-sliders .pt-hint { margin-top: 0.15rem; }
.br-sliders input[type="range"] { width: 100%; }
@media (max-width: 640px) { .br-sliders { grid-template-columns: 1fr; } }

.br-sep { border: none; border-top: 1px solid var(--border); margin: 1.5rem 0 1.25rem; }
.pt-check small { display: block; font-size: 0.78rem; font-weight: 400; color: var(--text-sub); }