:root {
  --vm-yellow: #fbca00;
  --vm-orange: #ee7d00;
  --vm-ink: #1a1b1d;
  --vm-muted: #60686f;
  --vm-line: #dfe3e5;
  --vm-surface: #ffffff;
  --vm-soft: #f5f6f7;
  --vm-danger: #7a2e24;
  --vm-danger-bg: #fff0ed;
  --vm-ok: #236b34;
  --vm-ok-bg: #edf8ef;
}

#veroo-configurator-app .veroo-master-launch {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 65;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 11px 16px;
  border: 0;
  border-radius: 9px;
  background: var(--veroo-yellow, var(--vm-yellow));
  color: var(--veroo-ink, var(--vm-ink));
  font-family: inherit;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .01em;
  box-shadow: 0 7px 20px rgba(251, 202, 0, .24), 0 8px 24px rgba(20, 23, 26, .13);
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

#veroo-configurator-app .veroo-master-launch::before {
  content: "";
  width: 17px;
  height: 2px;
  border-radius: 3px;
  background: currentColor;
  box-shadow: 0 -5px 0 currentColor, 0 5px 0 currentColor;
}

#veroo-configurator-app .veroo-master-launch:hover {
  filter: brightness(.97);
  transform: translateY(-1px);
}

#veroo-configurator-app .veroo-master-launch[aria-expanded="true"] {
  background: var(--veroo-orange, var(--vm-orange));
  color: #fff;
  box-shadow: 0 8px 24px rgba(238, 125, 0, .25), 0 12px 34px rgba(20, 23, 26, .18);
}

#veroo-configurator-app .veroo-master-drawer {
  position: absolute;
  right: 20px;
  bottom: 76px;
  z-index: 64;
  width: min(440px, calc(100% - 40px));
  max-height: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--veroo-surface, var(--vm-surface));
  color: var(--veroo-ink, var(--vm-ink));
  border: 1px solid var(--veroo-line, var(--vm-line));
  border-radius: 14px;
  box-shadow: var(--veroo-shadow, 0 18px 55px rgba(20, 23, 26, .16));
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4;
  animation: verooMasterPanelIn .2s ease both;
}

#veroo-configurator-app .veroo-master-drawer[hidden] { display: none; }

@keyframes verooMasterPanelIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}

#veroo-configurator-app .veroo-master-head {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 18px 14px 22px;
  background: var(--veroo-surface, var(--vm-surface));
  color: var(--veroo-ink, var(--vm-ink));
  border-bottom: 1px solid var(--veroo-line, var(--vm-line));
}

#veroo-configurator-app .veroo-master-head h2 {
  margin: 0;
  font-size: 23px;
  line-height: 1.15;
  font-weight: 900;
}

#veroo-configurator-app .veroo-master-close {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: var(--veroo-soft, var(--vm-soft));
  color: var(--veroo-ink, var(--vm-ink));
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

#veroo-configurator-app .veroo-master-close:hover {
  background: var(--veroo-yellow, var(--vm-yellow));
  transform: scale(1.02);
}

#veroo-configurator-app .veroo-master-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 0 18px;
  background: var(--veroo-surface, var(--vm-surface));
  border-bottom: 1px solid var(--veroo-line, var(--vm-line));
}

#veroo-configurator-app .veroo-master-tab {
  position: relative;
  min-width: 0;
  padding: 11px 5px 10px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #81888e;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
  text-align: center;
  cursor: pointer;
  transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}

#veroo-configurator-app .veroo-master-tab:hover {
  color: var(--veroo-ink, var(--vm-ink));
  background: rgba(251, 202, 0, .08);
}

#veroo-configurator-app .veroo-master-tab.is-active {
  color: var(--veroo-ink, var(--vm-ink));
  border-bottom-color: var(--veroo-yellow, var(--vm-yellow));
  background: rgba(251, 202, 0, .12);
}

#veroo-configurator-app .veroo-master-body {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 8px 22px 28px;
  scrollbar-width: thin;
  scrollbar-color: #c6c9cb transparent;
}

#veroo-configurator-app .veroo-master-pane[hidden] { display: none; }

#veroo-configurator-app .veroo-master-section {
  margin: 14px 0 0;
  padding: 15px;
  border: 1px solid var(--veroo-line, var(--vm-line));
  border-radius: 11px;
  background: #fafbfb;
}

#veroo-configurator-app .veroo-master-section h3 {
  margin: 0 0 9px;
  color: var(--veroo-ink, var(--vm-ink));
  font-size: 14px;
  line-height: 1.35;
  font-weight: 850;
}

#veroo-configurator-app .veroo-master-section p {
  margin: 8px 0;
  color: var(--veroo-muted, var(--vm-muted));
  font-size: 11px;
  line-height: 1.48;
}

#veroo-configurator-app .veroo-master-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

#veroo-configurator-app .veroo-master-grid.one { grid-template-columns: 1fr; }

#veroo-configurator-app .veroo-master-field {
  display: grid;
  gap: 6px;
  min-width: 0;
}

#veroo-configurator-app .veroo-master-field > span {
  color: var(--veroo-muted, var(--vm-muted));
  font-size: 12px;
  font-weight: 800;
}

#veroo-configurator-app .veroo-master-field input:not([type="checkbox"]):not([type="range"]),
#veroo-configurator-app .veroo-master-field select,
#veroo-configurator-app .veroo-master-field textarea {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid #cbd2d6;
  border-radius: 8px;
  background: #fff;
  color: var(--veroo-ink, var(--vm-ink));
  font-weight: 700;
}

#veroo-configurator-app .veroo-master-field input[type="range"] {
  width: 100%;
  padding: 0;
  accent-color: var(--veroo-orange, var(--vm-orange));
}

#veroo-configurator-app .veroo-master-field input[type="checkbox"],
#veroo-configurator-app .veroo-master-switch {
  accent-color: var(--veroo-orange, var(--vm-orange));
}

#veroo-configurator-app .veroo-master-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#veroo-configurator-app .veroo-master-button {
  min-height: 40px;
  padding: 9px 12px;
  border: 1px solid var(--veroo-ink, var(--vm-ink));
  border-radius: 8px;
  background: var(--veroo-ink, var(--vm-ink));
  color: #fff;
  font-size: 11.5px;
  line-height: 1.25;
  font-weight: 800;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

#veroo-configurator-app .veroo-master-button:hover:not(:disabled) {
  background: var(--veroo-yellow, var(--vm-yellow));
  border-color: var(--veroo-yellow, var(--vm-yellow));
  color: var(--veroo-ink, var(--vm-ink));
  transform: translateY(-1px);
}

#veroo-configurator-app .veroo-master-button.primary {
  background: var(--veroo-yellow, var(--vm-yellow));
  border-color: var(--veroo-yellow, var(--vm-yellow));
  color: var(--veroo-ink, var(--vm-ink));
  box-shadow: 0 7px 20px rgba(251, 202, 0, .18);
}

#veroo-configurator-app .veroo-master-button.primary:hover:not(:disabled) {
  filter: brightness(.97);
}

#veroo-configurator-app .veroo-master-button.warn {
  background: var(--vm-danger-bg);
  border-color: #dc9c92;
  color: var(--vm-danger);
}

#veroo-configurator-app .veroo-master-button:disabled {
  background: #c8cccf;
  border-color: #c8cccf;
  color: #6d7479;
  opacity: .72;
  cursor: not-allowed;
  transform: none;
}

#veroo-configurator-app .veroo-master-button[aria-pressed="true"] {
  background: var(--veroo-orange, var(--vm-orange));
  border-color: var(--veroo-orange, var(--vm-orange));
  color: #fff;
}

#veroo-configurator-app .veroo-master-status {
  padding: 9px 11px;
  border: 1px solid var(--veroo-line, var(--vm-line));
  border-radius: 9px;
  background: var(--veroo-soft, var(--vm-soft));
  color: #343a3e;
  font-size: 12px;
}

#veroo-configurator-app .veroo-master-status.ok {
  border-color: #8bc28b;
  background: var(--vm-ok-bg);
  color: var(--vm-ok);
}

#veroo-configurator-app .veroo-master-status.error {
  border-color: #dc9c92;
  background: var(--vm-danger-bg);
  color: var(--vm-danger);
}

#veroo-configurator-app .veroo-master-list {
  display: grid;
  gap: 7px;
  margin: 9px 0 0;
  padding: 0;
  list-style: none;
}

#veroo-configurator-app .veroo-master-list li {
  padding: 9px 10px;
  border: 1px solid var(--veroo-line, var(--vm-line));
  border-radius: 8px;
  background: #fff;
  font-size: 12px;
}

#veroo-configurator-app .veroo-master-list li[data-level="collision"],
#veroo-configurator-app .veroo-master-list li[data-level="critical"] {
  border-color: #dc9c92;
  background: var(--vm-danger-bg);
  color: var(--vm-danger);
}

#veroo-configurator-app .veroo-master-list li[data-level="warning"] {
  border-color: #e7c96a;
  background: #fff8de;
  color: #6b5517;
}

#veroo-configurator-app .veroo-master-canvas-wrap {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--veroo-line, var(--vm-line));
  border-radius: 10px;
  background: #f2f4f5;
}

#veroo-configurator-app .veroo-master-canvas {
  display: block;
  width: 100%;
  height: auto;
  touch-action: none;
}

#veroo-configurator-app .veroo-master-dim-hud {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 22;
  max-width: min(300px, 55%);
  padding: 9px 11px;
  border-radius: 9px;
  background: rgba(26, 27, 29, .88);
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 700;
  pointer-events: none;
  backdrop-filter: blur(7px);
}

#veroo-configurator-app .veroo-master-dim-hud[hidden] { display: none; }
#veroo-configurator-app .veroo-master-dim-hud b { color: var(--veroo-yellow, var(--vm-yellow)); }

#veroo-configurator-app .veroo-master-hotspot-card {
  position: absolute;
  z-index: 28;
  max-width: 260px;
  padding: 12px;
  border: 1px solid var(--veroo-line, var(--vm-line));
  border-radius: 11px;
  background: #fff;
  color: var(--veroo-ink, var(--vm-ink));
  box-shadow: 0 8px 25px rgba(0, 0, 0, .24);
}

#veroo-configurator-app .veroo-master-hotspot-card[hidden] { display: none; }

.veroo-master-modal {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(0, 0, 0, .62);
}

.veroo-master-modal[hidden] { display: none; }

.veroo-master-modal-shell {
  width: min(760px, 100%);
  max-height: 90vh;
  overflow: auto;
  padding: 20px;
  border: 1px solid var(--vm-line);
  border-radius: 14px;
  background: #fff;
  color: var(--vm-ink);
  box-shadow: 0 18px 55px rgba(20, 23, 26, .24);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.veroo-master-modal-shell h2 { margin-top: 0; font-size: 23px; }

.veroo-master-modal .veroo-master-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.veroo-master-modal .veroo-master-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.veroo-master-modal .veroo-master-button {
  min-height: 40px;
  padding: 9px 12px;
  border: 1px solid var(--vm-ink);
  border-radius: 8px;
  background: var(--vm-ink);
  color: #fff;
  font: 800 11.5px/1.25 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  cursor: pointer;
}

.veroo-master-modal .veroo-master-button.primary {
  background: var(--vm-yellow);
  border-color: var(--vm-yellow);
  color: var(--vm-ink);
}

.veroo-master-modal .veroo-master-list {
  display: grid;
  gap: 7px;
  margin: 9px 0;
  padding: 0;
  list-style: none;
}

.veroo-master-modal .veroo-master-list li {
  padding: 9px 10px;
  border: 1px solid var(--vm-line);
  border-radius: 8px;
  background: #fafbfb;
}

#veroo-configurator-app .veroo-master-table,
.veroo-master-modal .veroo-master-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

#veroo-configurator-app .veroo-master-table th,
#veroo-configurator-app .veroo-master-table td,
.veroo-master-modal .veroo-master-table th,
.veroo-master-modal .veroo-master-table td {
  padding: 8px 7px;
  border-bottom: 1px solid var(--veroo-line, var(--vm-line));
  text-align: left;
  vertical-align: top;
}

#veroo-configurator-app .veroo-master-table th,
.veroo-master-modal .veroo-master-table th { color: var(--veroo-muted, var(--vm-muted)); font-weight: 850; }

#veroo-configurator-app .veroo-master-photo-stage {
  position: relative;
  min-height: 180px;
  overflow: hidden;
  border-radius: 10px;
  background: #222;
}

#veroo-configurator-app .veroo-master-photo-stage img {
  display: block;
  width: 100%;
  height: auto;
}

#veroo-configurator-app .veroo-master-photo-stage canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: crosshair;
}

#veroo-configurator-app .veroo-master-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#veroo-configurator-app .veroo-master-chip {
  padding: 5px 8px;
  border-radius: 999px;
  background: var(--veroo-soft, var(--vm-soft));
  color: var(--veroo-muted, var(--vm-muted));
  font-size: 11px;
  font-weight: 700;
}

#veroo-configurator-app .veroo-master-feature-list {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px 12px;
  align-items: center;
}

#veroo-configurator-app .veroo-master-switch { width: 42px; height: 24px; }

#veroo-configurator-app .veroo-master-toast {
  position: absolute;
  left: 50%;
  bottom: 22px;
  z-index: 200;
  transform: translateX(-50%);
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--veroo-ink, var(--vm-ink));
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(20, 23, 26, .22);
}

#veroo-configurator-app .veroo-master-toast[hidden] { display: none; }

#veroo-configurator-app :is(.veroo-master-launch, .veroo-master-close, .veroo-master-tab, .veroo-master-button, .veroo-master-field input, .veroo-master-field select, .veroo-master-field textarea):focus-visible {
  outline: 3px solid rgba(251, 202, 0, .55);
  outline-offset: 3px;
}

@media (max-width: 1100px) {
  #veroo-configurator-app .veroo-master-launch {
    right: max(12px, env(safe-area-inset-right));
    bottom: calc(76px + env(safe-area-inset-bottom));
    min-height: 42px;
    padding: 10px 14px;
  }

  #veroo-configurator-app .veroo-master-drawer {
    position: fixed;
    left: 8px;
    right: 8px;
    bottom: calc(70px + env(safe-area-inset-bottom));
    width: auto;
    max-height: 78dvh;
    border-radius: 18px 18px 14px 14px;
    z-index: 10010;
  }

  #veroo-configurator-app .veroo-master-head { min-height: 64px; padding: 12px 14px 11px 18px; }
  #veroo-configurator-app .veroo-master-head h2 { font-size: 21px; }
  #veroo-configurator-app .veroo-master-tabs { padding: 0 10px; }
  #veroo-configurator-app .veroo-master-tab { font-size: 10.5px; padding-inline: 3px; }
  #veroo-configurator-app .veroo-master-body { padding: 6px 14px 22px; }
  #veroo-configurator-app .veroo-master-dim-hud { top: 54px; right: 8px; max-width: 70%; }
}

@media (max-width: 520px) {
  #veroo-configurator-app .veroo-master-grid { grid-template-columns: 1fr; }
  #veroo-configurator-app .veroo-master-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #veroo-configurator-app .veroo-master-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #veroo-configurator-app .veroo-master-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  #veroo-configurator-app .veroo-master-drawer,
  #veroo-configurator-app .veroo-master-modal,
  #veroo-configurator-app .veroo-master-launch,
  #veroo-configurator-app .veroo-master-button {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}


/* Testowy tryb Master i wzajemnie wykluczające się sceny */
#veroo-configurator-app .veroo-master-test-badge {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(26, 27, 29, .12);
  font-size: 8px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .08em;
}
#veroo-configurator-app .veroo-master-launch.is-mode-active .veroo-master-test-badge {
  background: rgba(255,255,255,.2);
}
#veroo-configurator-app .veroo-master-launch[data-mode="inactive"]::after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7a2e24;
  box-shadow: 0 0 0 3px rgba(122,46,36,.12);
}
#veroo-configurator-app .veroo-master-launch[data-mode="active"]::after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(255,255,255,.18);
}
#veroo-configurator-app .veroo-master-title-wrap { min-width: 0; }
#veroo-configurator-app .veroo-master-mode-status {
  display: block;
  margin-top: 4px;
  color: var(--vm-muted);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}
#veroo-configurator-app .veroo-master-head-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
#veroo-configurator-app .veroo-master-disable-mode {
  min-height: 36px;
  padding: 8px 10px;
  white-space: nowrap;
}
.veroo-master-activation-shell { max-width: 510px; text-align: left; }
.veroo-master-warning-mark {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  margin-bottom: 14px;
  border-radius: 50%;
  background: var(--vm-yellow);
  color: var(--vm-ink);
  font-size: 27px;
  font-weight: 950;
}
.veroo-master-confirm-note {
  padding: 11px 12px;
  border-left: 4px solid var(--vm-orange);
  border-radius: 6px;
  background: #fff7e8;
  color: var(--vm-ink) !important;
  font-weight: 750;
}
@media (max-width: 640px) {
  #veroo-configurator-app .veroo-master-head { align-items: flex-start; }
  #veroo-configurator-app .veroo-master-head-actions { gap: 5px; }
  #veroo-configurator-app .veroo-master-disable-mode { max-width: 112px; padding: 7px 8px; font-size: 9.5px; white-space: normal; }
  #veroo-configurator-app .veroo-master-test-badge { display: none; }
}


/* Mobile integration: Master and 3D logo are shown only in full 3D view. */
@media (max-width:760px) {
  #veroo-configurator-app .veroo-master-launch {
    right:max(12px,env(safe-area-inset-right));
    bottom:calc(72px + env(safe-area-inset-bottom));
  }
  #veroo-configurator-app.veroo-mobile-menu-open .veroo-master-launch,
  #veroo-configurator-app.veroo-mobile-menu-open .veroo-viewer-logo,
  #veroo-configurator-app[data-master-mobile-hidden="true"] .veroo-master-launch,
  #veroo-configurator-app[data-master-mobile-hidden="true"] .veroo-viewer-logo {
    display:none !important;
  }
  #veroo-configurator-app.veroo-mobile-menu-open .veroo-master-drawer { display:none !important; }
}

/* VEROO 38.2.1 — centralny kalkulator osadzany z /kalkulator/ */
html.veroo-calculator-frame-lock,
body.veroo-calculator-frame-lock { overflow:hidden !important; overscroll-behavior:none; }
#veroo-configurator-app .veroo-calculator-remote-card { display:grid; gap:10px; padding:16px; border:1px solid var(--veroo-line,var(--vm-line)); border-radius:12px; background:#fff; }
#veroo-configurator-app .veroo-calculator-remote-card h3 { margin:0; font-size:17px; }
#veroo-configurator-app .veroo-calculator-remote-card p { margin:0; color:var(--veroo-muted,var(--vm-muted)); font-size:11px; line-height:1.55; }
#veroo-configurator-app .veroo-calculator-remote-card a.veroo-master-button { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
#veroo-configurator-app .veroo-calculator-frame-overlay {
  position:fixed; inset:0; z-index:2147482500; display:grid; grid-template-rows:auto minmax(0,1fr);
  width:100vw; height:100dvh; overflow:hidden; background:#f4f4f1; isolation:isolate;
}
#veroo-configurator-app .veroo-calculator-frame-header {
  display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:64px;
  padding:10px max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left));
  border-bottom:1px solid #d8dcde; background:#fff; box-shadow:0 4px 18px rgba(15,20,22,.08); z-index:4;
}
#veroo-configurator-app .veroo-calculator-frame-header > div { min-width:0; display:grid; gap:2px; }
#veroo-configurator-app .veroo-calculator-frame-header strong { font-size:18px; line-height:1.2; }
#veroo-configurator-app .veroo-calculator-frame-header span { color:var(--veroo-muted,var(--vm-muted)); font-size:10px; line-height:1.3; }
#veroo-configurator-app .veroo-calculator-frame-close {
  display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; padding:0;
  border:1px solid var(--veroo-line,var(--vm-line)); border-radius:10px; background:#fff; color:#171a1c;
  font:700 30px/1 system-ui,sans-serif; cursor:pointer;
}
#veroo-configurator-app .veroo-calculator-frame-close:hover,
#veroo-configurator-app .veroo-calculator-frame-close:focus-visible { border-color:var(--veroo-orange,var(--vm-orange)); background:var(--veroo-yellow,var(--vm-yellow)); outline:3px solid rgba(251,202,0,.45); }
#veroo-configurator-app .veroo-calculator-frame-host { min-width:0; min-height:0; overflow:hidden; background:#f4f4f1; }
#veroo-configurator-app .veroo-calculator-frame { display:block; width:100%; height:100%; border:0; background:#f4f4f1; visibility:hidden; opacity:0; transition:opacity .12s ease; }
#veroo-configurator-app .veroo-calculator-frame-overlay[data-ready="true"] .veroo-calculator-frame { visibility:visible; opacity:1; }
#veroo-configurator-app .veroo-calculator-frame-status {
  position:absolute; inset:64px 0 0; z-index:3; display:grid; place-content:center; gap:8px; padding:24px;
  background:rgba(244,244,241,.96); text-align:center;
}
#veroo-configurator-app .veroo-calculator-frame-status[hidden] { display:none; }
#veroo-configurator-app .veroo-calculator-frame-status strong { font-size:20px; }
#veroo-configurator-app .veroo-calculator-frame-status span { max-width:560px; color:var(--veroo-muted,var(--vm-muted)); font-size:12px; line-height:1.55; }
#veroo-configurator-app .veroo-calculator-frame-status[data-kind="loading"] strong::before { content:""; display:block; width:34px; height:34px; margin:0 auto 14px; border:4px solid #d7dadc; border-top-color:var(--veroo-orange,var(--vm-orange)); border-radius:50%; animation:verooCalculatorSpin .8s linear infinite; }
#veroo-configurator-app .veroo-calculator-frame-fallback { position:absolute; left:50%; bottom:max(20px,env(safe-area-inset-bottom)); z-index:5; display:none; gap:8px; transform:translateX(-50%); }
#veroo-configurator-app .veroo-calculator-frame-status[data-kind="error"] ~ .veroo-calculator-frame-fallback { display:flex; }
@keyframes verooCalculatorSpin { to { transform:rotate(360deg); } }
@media(max-width:760px){
  #veroo-configurator-app .veroo-calculator-frame-header { min-height:58px; padding-top:max(8px,env(safe-area-inset-top)); }
  #veroo-configurator-app .veroo-calculator-frame-header strong { font-size:16px; }
  #veroo-configurator-app .veroo-calculator-frame-header span { display:none; }
  #veroo-configurator-app .veroo-calculator-frame-status { inset:58px 0 0; }
  #veroo-configurator-app .veroo-calculator-frame-fallback { width:calc(100% - 24px); flex-direction:column; }
  #veroo-configurator-app .veroo-calculator-frame-fallback .veroo-master-button { width:100%; }
}

/* VEROO 38.2.2 — ruchome okno informacji o wymiarach */
#veroo-configurator-app .veroo-master-dim-hud {
  padding: 0;
  pointer-events: auto;
  overflow: hidden;
  min-width: 230px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .28);
}

#veroo-configurator-app .veroo-master-dim-hud-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 38px;
  padding: 6px 7px 6px 11px;
  border-bottom: 1px solid rgba(255, 255, 255, .16);
  cursor: grab;
  touch-action: none;
  user-select: none;
}

#veroo-configurator-app .veroo-master-dim-hud.is-dragging .veroo-master-dim-hud-head { cursor: grabbing; }
#veroo-configurator-app .veroo-master-dim-hud-head strong { color: var(--veroo-yellow, var(--vm-yellow)); }

#veroo-configurator-app .veroo-master-dim-hud-close {
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 7px;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font: 700 22px/1 system-ui, sans-serif;
  cursor: pointer;
}

#veroo-configurator-app .veroo-master-dim-hud-close:hover,
#veroo-configurator-app .veroo-master-dim-hud-close:focus-visible { background: rgba(255, 255, 255, .2); outline: 2px solid var(--veroo-yellow, var(--vm-yellow)); outline-offset: 1px; }

#veroo-configurator-app .veroo-master-dim-hud-content { padding: 9px 11px 11px; }
#veroo-configurator-app .veroo-master-dim-hud-content > div + div { margin-top: 2px; }

@media (max-width: 520px) {
  #veroo-configurator-app .veroo-master-dim-hud { min-width: min(260px, calc(100% - 16px)); max-width: calc(100% - 16px); }
}
