/* 82label — <label-82>. Override any --l82-* variable on label-82 or an ancestor. */
label-82,
.l82 {
  --_bg: var(--l82-bg, #ffffff);
  --_ink: var(--l82-ink, #191f28);
  --_muted: var(--l82-muted, #6b7684);
  --_line: var(--l82-border, rgba(25, 31, 40, 0.12));
  --_accent: var(--l82-accent, #3182f6);
  --_accent-ink: var(--l82-accent-ink, #ffffff);
  --_paper: var(--l82-paper, #ffffff);
  --_radius: var(--l82-radius, 8px);
  --_font: var(--l82-font, 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  max-width: 100%;
  color: var(--_ink);
  font-family: var(--_font);
  font-size: 14px;
  line-height: 1.45;
}
@media (prefers-color-scheme: dark) {
  label-82:not([data-theme='light']),
  .l82:not([data-theme='light']) {
    --_bg: var(--l82-bg, #1a1b1d);
    --_ink: var(--l82-ink, #eceef0);
    --_muted: var(--l82-muted, #9aa1aa);
    --_line: var(--l82-border, rgba(255, 255, 255, 0.14));
    --_accent: var(--l82-accent, #4593fc);
  }
}
label-82[data-theme='dark'],
.l82[data-theme='dark'] {
  --_bg: var(--l82-bg, #1a1b1d);
  --_ink: var(--l82-ink, #eceef0);
  --_muted: var(--l82-muted, #9aa1aa);
  --_line: var(--l82-border, rgba(255, 255, 255, 0.14));
  --_accent: var(--l82-accent, #4593fc);
}
/* the label itself stays white: it is a picture of paper */
.l82-preview {
  box-sizing: border-box;
  max-width: 100%;
  padding: 12px;
  background: var(--_bg);
  border: 1px solid var(--_line);
  border-radius: var(--_radius);
}
.l82-preview[hidden] { display: none; }
.l82-preview > svg {
  display: block;
  max-width: 100%;
  height: auto;
  background: var(--_paper);
  box-shadow: 0 0 0 1px var(--_line);
}
.l82-button {
  appearance: none;
  min-height: 36px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--_radius);
  background: var(--_accent);
  color: var(--_accent-ink);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.l82-button:hover { filter: brightness(1.06); }
.l82-button:focus-visible { outline: 2px solid var(--_accent); outline-offset: 2px; }
.l82-button:disabled { opacity: 0.5; cursor: default; }
.l82-notice {
  margin: 0;
  color: var(--_muted);
  font-size: 13px;
}
.l82-notice[hidden] { display: none; }