/* ==========================================================================\n   EMBED v57 · Cyan glass UI polish\n   Harmonises icon menus, tooltips and dialogs with the mouse-guide artwork.\n   ========================================================================== */
:root {
  --pf-cyan: #5fd9ec;
  --pf-cyan-hi: #68e2f5;
  --pf-cyan-soft: rgba(95, 217, 236, .16);
  --pf-cyan-border: rgba(95, 217, 236, .38);
  --pf-glass: rgba(8, 18, 25, .91);
  --pf-glass-2: rgba(17, 38, 49, .88);
  --pf-glass-3: rgba(20, 50, 63, .74);
  --pf-ui-text: #f5f9fb;
  --pf-ui-muted: #a9bac6;
  --pf-ui-shadow: 0 18px 42px rgba(0,0,0,.38), 0 0 28px rgba(95,217,236,.09), inset 0 1px 0 rgba(255,255,255,.035);
}

/* Menus and icon trays */
[data-theme="oscuro"] .menu-panel,
[data-theme="oscuro"] .corner-pill,
[data-theme="oscuro"] .viewer-card-btn,
[data-theme="oscuro"] .float-panel,
[data-theme="oscuro"] .video-temp-popover {
  background: linear-gradient(180deg, rgba(20, 43, 55, .94), var(--pf-glass)) !important;
  border: 1px solid var(--pf-cyan-border) !important;
  box-shadow: var(--pf-ui-shadow) !important;
  color: var(--pf-ui-text) !important;
  -webkit-backdrop-filter: blur(16px) saturate(.9);
  backdrop-filter: blur(16px) saturate(.9);
}
[data-theme="oscuro"] .menu-panel { border-radius: 20px !important; }
[data-theme="oscuro"] .menu-divider-h,
[data-theme="oscuro"] .menu-divider-v { background: rgba(95,217,236,.16) !important; }
[data-theme="oscuro"] .menu-item {
  position: relative;
  color: var(--pf-ui-text);
  border: 1px solid transparent;
  transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 120ms ease;
}
[data-theme="oscuro"] .menu-item:hover,
[data-theme="oscuro"] .menu-item:focus-visible {
  background: rgba(95,217,236,.105) !important;
  border-color: rgba(95,217,236,.25);
  box-shadow: inset 0 0 18px rgba(95,217,236,.045);
  outline: none;
}
[data-theme="oscuro"] .menu-item:active { transform: scale(.975); }
[data-theme="oscuro"] .menu-item.selected {
  background: linear-gradient(180deg, rgba(95,217,236,.17), rgba(95,217,236,.07));
  border-color: rgba(104,226,245,.42);
}
[data-theme="oscuro"] .menu-item .mi-label { color: #dce8ee !important; }
[data-theme="oscuro"] .menu-item .mi-icon,
[data-theme="oscuro"] .menu-item .material-symbols-outlined,
[data-theme="oscuro"] .video-quick-panel .video-quick-symbol { color: var(--pf-cyan-hi) !important; }
[data-theme="oscuro"] .menu-item .mi-dot {
  background: var(--pf-cyan-hi) !important;
  box-shadow: 0 0 10px rgba(104,226,245,.72);
}
[data-theme="oscuro"] .video-quick-dragbar {
  position: relative;
  background: rgba(95,217,236,.055) !important;
  border-color: rgba(95,217,236,.20) !important;
  color: rgba(206,237,243,.78) !important;
}
[data-theme="oscuro"] .video-quick-dragbar:hover { background: rgba(95,217,236,.10) !important; }
[data-theme="oscuro"] .video-quick-drag-dots i { box-shadow: 0 0 7px rgba(95,217,236,.35); }

/* Small floating controls/dialogs in VIDEO mode */
[data-theme="oscuro"] .video-temp-popover .vt-title { color: var(--pf-ui-text) !important; }
[data-theme="oscuro"] .video-temp-popover .vt-title .material-symbols-outlined { color: var(--pf-cyan-hi) !important; }
[data-theme="oscuro"] .video-temp-popover .vt-max,
[data-theme="oscuro"] .video-temp-popover .vt-min { color: var(--pf-ui-muted) !important; }
[data-theme="oscuro"] .video-temp-popover .vt-current {
  background: rgba(95,217,236,.09) !important;
  border-color: rgba(95,217,236,.30) !important;
  color: #eafaff !important;
  box-shadow: inset 0 0 18px rgba(95,217,236,.035);
}
[data-theme="oscuro"] .video-temp-popover .vt-range { accent-color: var(--pf-cyan-hi) !important; }

/* Tooltips: same ink/cyan language as the mouse annotations. */
[data-theme="oscuro"] [data-pf-tooltip]::after {
  content: attr(data-pf-tooltip);
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  z-index: 10020;
  min-width: max-content;
  max-width: 220px;
  padding: 8px 11px;
  border: 1px solid rgba(95,217,236,.40);
  border-radius: 10px;
  background: rgba(7,16,23,.96);
  color: #eef9fc;
  box-shadow: 0 12px 28px rgba(0,0,0,.34), 0 0 18px rgba(95,217,236,.09);
  font: 700 12px/1.25 Helvetica, Arial, sans-serif;
  letter-spacing: .01em;
  white-space: normal;
  pointer-events: none;
  opacity: 0;
  transform: translate(6px,-50%) scale(.97);
  transform-origin: right center;
  transition: opacity 130ms ease, transform 150ms ease;
}
[data-theme="oscuro"] [data-pf-tooltip]::before {
  content: '';
  position: absolute;
  right: calc(100% + 7px);
  top: 50%;
  z-index: 10021;
  width: 8px;
  height: 8px;
  background: rgba(7,16,23,.96);
  border-top: 1px solid rgba(95,217,236,.40);
  border-right: 1px solid rgba(95,217,236,.40);
  pointer-events: none;
  opacity: 0;
  transform: translateY(-50%) rotate(45deg);
  transition: opacity 130ms ease;
}
[data-theme="oscuro"] [data-pf-tooltip]:hover::after,
[data-theme="oscuro"] [data-pf-tooltip]:focus-visible::after,
[data-theme="oscuro"] [data-pf-tooltip]:hover::before,
[data-theme="oscuro"] [data-pf-tooltip]:focus-visible::before { opacity: 1; }
[data-theme="oscuro"] [data-pf-tooltip]:hover::after,
[data-theme="oscuro"] [data-pf-tooltip]:focus-visible::after { transform: translate(0,-50%) scale(1); }

[data-theme="oscuro"] .video-spray-tooltip {
  border-color: rgba(95,217,236,.46) !important;
  background: rgba(7,16,23,.96) !important;
  color: #eef9fc !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.36), 0 0 22px rgba(95,217,236,.10) !important;
}
[data-theme="oscuro"] .video-spray-tooltip::before {
  background: rgba(7,16,23,.96) !important;
  border-left-color: rgba(95,217,236,.46) !important;
  border-bottom-color: rgba(95,217,236,.46) !important;
}

/* Modal veil + dialog surfaces. Kept intentionally broad so new dialogs get the same chrome. */
[data-theme="oscuro"] .app-dialog-barrier {
  background: rgba(2,7,11,.60) !important;
  -webkit-backdrop-filter: blur(8px) saturate(.72);
  backdrop-filter: blur(8px) saturate(.72);
}
[data-theme="oscuro"] .app-dialog-holder > .app-panel,
[data-theme="oscuro"] .app-dialog-holder > [class*="-dialog"],
[data-theme="oscuro"] .menu-dialog-layer .center > .app-panel,
[data-theme="oscuro"] .menu-dialog-layer .center > [class*="-dialog"] {
  background: linear-gradient(180deg, rgba(20,43,55,.96), rgba(7,16,23,.96)) !important;
  border: 1px solid rgba(95,217,236,.36) !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.48), 0 0 42px rgba(95,217,236,.10), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color: var(--pf-ui-text) !important;
  -webkit-backdrop-filter: blur(18px) saturate(.9);
  backdrop-filter: blur(18px) saturate(.9);
}
[data-theme="oscuro"] .app-dialog-holder .dlg-title,
[data-theme="oscuro"] .app-dialog-holder .pwd-title { color: var(--pf-ui-text) !important; }
[data-theme="oscuro"] .app-dialog-holder .dlg-x,
[data-theme="oscuro"] .app-dialog-holder .material-symbols-outlined { color: var(--pf-cyan-hi); }
[data-theme="oscuro"] .app-dialog-holder input,
[data-theme="oscuro"] .app-dialog-holder textarea,
[data-theme="oscuro"] .app-dialog-holder select {
  border-color: rgba(95,217,236,.24) !important;
  caret-color: var(--pf-cyan-hi);
}
[data-theme="oscuro"] .app-dialog-holder input:focus,
[data-theme="oscuro"] .app-dialog-holder textarea:focus,
[data-theme="oscuro"] .app-dialog-holder select:focus {
  border-color: rgba(104,226,245,.72) !important;
  box-shadow: 0 0 0 3px rgba(95,217,236,.08);
}
[data-theme="oscuro"] .btn-primary {
  background: linear-gradient(180deg, #4ecbe0, #2a9eb8) !important;
  color: #041014 !important;
  box-shadow: 0 8px 22px rgba(95,217,236,.14);
}
[data-theme="oscuro"] .btn-outline {
  border-color: rgba(95,217,236,.52) !important;
  color: #eaf8fb !important;
}
[data-theme="oscuro"] .btn-outline:hover { background: rgba(95,217,236,.10) !important; }

/* Mouse-guide precision/polish: crisp, symmetric strokes and clean text clearance. */
.embed-input-guide__mouse .mouse-orbit path { stroke: rgba(149,185,200,.27); stroke-width: 2; }
.embed-input-guide__mouse .callout-line,
.embed-input-guide__mouse .callout-chevron,
.embed-input-guide__mouse .callout-icon path { stroke: var(--pf-cyan); stroke-width: 2.25; }
.embed-input-guide__mouse .callout-line { opacity: .94; }
.embed-input-guide__mouse .callout-icon path { vector-effect: non-scaling-stroke; }
.embed-input-guide__mouse .callout-title { paint-order: stroke; stroke: rgba(3,8,12,.62); stroke-width: 2px; stroke-linejoin: round; }
.embed-input-guide__mouse .callout-sub { paint-order: stroke; stroke: rgba(3,8,12,.58); stroke-width: 1.5px; stroke-linejoin: round; }

@media (max-width: 700px) {
  [data-theme="oscuro"] [data-pf-tooltip]::after,
  [data-theme="oscuro"] [data-pf-tooltip]::before { display: none; }
}


/* ==========================================================================
   EMBED v59 · Requested follow-up refinements
   - remove any residual guide orbit curves
   - keep menu icons tooltip-free
   - improve text contrast in the Info dialog
   ========================================================================== */
.embed-input-guide__mouse .mouse-orbit { display: none !important; }
.embed-input-guide__mouse .callout-icon--rotate path { stroke-linecap: round; stroke-linejoin: round; }

[data-theme="oscuro"] .video-quick-panel .video-quick-item::before,
[data-theme="oscuro"] .video-quick-panel .video-quick-item::after {
  content: none !important;
  display: none !important;
}

[data-theme="oscuro"] .pinfo.light-dialog {
  background: linear-gradient(180deg, rgba(19, 44, 57, .97), rgba(7, 16, 23, .97)) !important;
  border: 1px solid rgba(95, 217, 236, .42) !important;
  box-shadow: 0 22px 56px rgba(0,0,0,.46), 0 0 34px rgba(95,217,236,.11), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color: #eef9fc !important;
}
[data-theme="oscuro"] .pinfo.light-dialog .fp-head {
  background: linear-gradient(180deg, rgba(27, 61, 78, .70), rgba(16, 36, 48, .54)) !important;
  border-bottom: 1px solid rgba(95,217,236,.20) !important;
  color: #eef9fc !important;
}
[data-theme="oscuro"] .pinfo.light-dialog .fp-title,
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-name {
  color: #f6fcfe !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.28);
}
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-ref,
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-kicker,
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-lbl,
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-row .k,
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-schematic-title {
  color: #9edbe8 !important;
}
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-description,
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-path,
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-row .v,
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-svg-text {
  color: #dcebf2 !important;
  fill: #dcebf2 !important;
}
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-path {
  line-height: 1.54;
}
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-drag,
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-info-icon,
[data-theme="oscuro"] .pinfo.light-dialog .fp-head .x {
  color: var(--pf-cyan-hi) !important;
  opacity: 1 !important;
}
[data-theme="oscuro"] .pinfo.light-dialog .fp-head .x:hover {
  background: rgba(95,217,236,.10) !important;
  border-radius: 10px;
}
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-pneumatic {
  border-color: rgba(95,217,236,.18) !important;
  background: linear-gradient(180deg, rgba(18, 43, 55, .78), rgba(12, 29, 38, .62)) !important;
  box-shadow: inset 0 0 22px rgba(95,217,236,.045) !important;
}
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-chip {
  background: rgba(95,217,236,.07);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}


/* v62: Rotate uses the official Tabler refresh SVG asset; keep it static so its arrowheads are never distorted. */
.embed-input-guide__mouse .callout-icon--rotate {
  animation: none !important;
  opacity: .96;
}


/* ==========================================================================
   EMBED v67 · skin switcher (current cyan + two elegant alternatives)
   ========================================================================== */
:root,
html[data-embed-skin="cyan"] {
  --pf-cyan: #5fd9ec;
  --pf-cyan-hi: #68e2f5;
  --pf-cyan-soft: rgba(95, 217, 236, .16);
  --pf-cyan-border: rgba(95, 217, 236, .38);
  --pf-glass: rgba(8, 18, 25, .91);
  --pf-glass-2: rgba(17, 38, 49, .88);
  --pf-glass-3: rgba(20, 50, 63, .74);
  --pf-ui-text: #f5f9fb;
  --pf-ui-muted: #a9bac6;
  --pf-ui-shadow: 0 18px 42px rgba(0,0,0,.38), 0 0 28px rgba(95,217,236,.09), inset 0 1px 0 rgba(255,255,255,.035);
  --pf-stage-solid: #15171E;
  --pf-stage-bg: radial-gradient(1100px 520px at 86% 7%, rgba(56, 162, 188, .11), transparent 55%), radial-gradient(820px 460px at 16% 82%, rgba(38, 117, 150, .08), transparent 58%), linear-gradient(180deg, #12151d 0%, #15171e 100%);
  --blue: #35a1ff;
}
html[data-embed-skin="amethyst"] {
  --pf-cyan: #bc8cff;
  --pf-cyan-hi: #d7b9ff;
  --pf-cyan-soft: rgba(188, 140, 255, .17);
  --pf-cyan-border: rgba(188, 140, 255, .38);
  --pf-glass: rgba(19, 13, 31, .92);
  --pf-glass-2: rgba(38, 25, 59, .89);
  --pf-glass-3: rgba(63, 37, 97, .74);
  --pf-ui-text: #f7f3ff;
  --pf-ui-muted: #c7badc;
  --pf-ui-shadow: 0 18px 42px rgba(0,0,0,.42), 0 0 28px rgba(188,140,255,.12), inset 0 1px 0 rgba(255,255,255,.03);
  --pf-stage-solid: #16131f;
  --pf-stage-bg: radial-gradient(1100px 520px at 88% 8%, rgba(162, 102, 255, .16), transparent 56%), radial-gradient(760px 430px at 14% 84%, rgba(107, 80, 199, .12), transparent 58%), linear-gradient(180deg, #111019 0%, #181320 100%);
  --blue: #8d71ff;
}
html[data-embed-skin="emerald"] {
  --pf-cyan: #6ee5be;
  --pf-cyan-hi: #97f5d3;
  --pf-cyan-soft: rgba(110, 229, 190, .17);
  --pf-cyan-border: rgba(110, 229, 190, .36);
  --pf-glass: rgba(8, 23, 20, .92);
  --pf-glass-2: rgba(16, 45, 39, .88);
  --pf-glass-3: rgba(24, 63, 54, .74);
  --pf-ui-text: #f3fffb;
  --pf-ui-muted: #b4d3cb;
  --pf-ui-shadow: 0 18px 42px rgba(0,0,0,.40), 0 0 28px rgba(110,229,190,.11), inset 0 1px 0 rgba(255,255,255,.03);
  --pf-stage-solid: #101a18;
  --pf-stage-bg: radial-gradient(1100px 520px at 86% 7%, rgba(77, 209, 161, .15), transparent 56%), radial-gradient(760px 430px at 14% 84%, rgba(37, 124, 100, .11), transparent 58%), linear-gradient(180deg, #0d1312 0%, #121b19 100%);
  --blue: #4fd1a1;
}
[data-theme="oscuro"] body:not(.light-dialog):not(.light-dialog *) {
  background: var(--pf-stage-solid) !important;
}
[data-theme="oscuro"] .app-background:not(.light-dialog):not(.light-dialog *) {
  background: var(--pf-stage-bg) !important;
  background-color: var(--pf-stage-solid) !important;
  background-image: var(--pf-stage-bg) !important;
}
[data-theme="oscuro"] .menu-divider-h,
[data-theme="oscuro"] .menu-divider-v { background: var(--pf-cyan-soft) !important; }
[data-theme="oscuro"] .video-temp-popover .vt-current {
  background: color-mix(in srgb, var(--pf-cyan) 10%, transparent) !important;
  border-color: color-mix(in srgb, var(--pf-cyan) 28%, transparent) !important;
}
[data-theme="oscuro"] .btn-primary {
  background: linear-gradient(180deg, color-mix(in srgb, var(--pf-cyan-hi) 92%, white 8%), color-mix(in srgb, var(--pf-cyan) 72%, #0f2530 28%)) !important;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--pf-cyan) 20%, transparent) !important;
}
[data-theme="oscuro"] .btn-outline {
  border-color: color-mix(in srgb, var(--pf-cyan) 52%, transparent) !important;
}


/* ========================================================================== 
   EMBED v68 · visibly distinct complete visual skins
   The theme switch now affects the actual 3D-stage backdrop as well as chrome,
   dialogs and onboarding tooltips. The viewer canvas is transparent, so the
   holder itself paints the selected skin behind the model.
   ========================================================================== */
html[data-embed-skin="cyan"] {
  --pf-accent-rgb: 70, 208, 235;
  --pf-stage-solid: #0b171f;
  --pf-stage-bg:
    radial-gradient(1050px 650px at 78% 4%, rgba(41, 179, 214, .28), transparent 58%),
    radial-gradient(820px 620px at 8% 92%, rgba(21, 94, 129, .24), transparent 60%),
    linear-gradient(145deg, #081117 0%, #0d1b24 48%, #111a22 100%);
}
html[data-embed-skin="amethyst"] {
  --pf-accent-rgb: 187, 126, 255;
  --pf-stage-solid: #170d22;
  --pf-stage-bg:
    radial-gradient(1050px 650px at 80% 4%, rgba(167, 91, 255, .34), transparent 58%),
    radial-gradient(850px 620px at 7% 92%, rgba(77, 55, 153, .30), transparent 62%),
    linear-gradient(145deg, #0e0915 0%, #1b1028 48%, #21162d 100%);
}
html[data-embed-skin="emerald"] {
  --pf-accent-rgb: 91, 225, 177;
  --pf-stage-solid: #081b17;
  --pf-stage-bg:
    radial-gradient(1050px 650px at 80% 4%, rgba(46, 195, 145, .30), transparent 58%),
    radial-gradient(850px 620px at 7% 92%, rgba(28, 108, 83, .30), transparent 62%),
    linear-gradient(145deg, #07120f 0%, #0b211b 48%, #10271f 100%);
}

html[data-theme="oscuro"] {
  background: var(--pf-stage-solid) !important;
  transition: background-color 280ms ease;
}
[data-theme="oscuro"] body,
[data-theme="oscuro"] .app-background,
[data-theme="oscuro"] #viewer3d-holder {
  background-color: var(--pf-stage-solid) !important;
  background-image: var(--pf-stage-bg) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  transition: background-color 280ms ease, background-image 280ms ease;
}
[data-theme="oscuro"] #viewer3d-holder iframe {
  background: transparent !important;
}

/* Accent-colour propagation: menus, floating controls and dialogs. */
[data-theme="oscuro"] .menu-panel,
[data-theme="oscuro"] .corner-pill,
[data-theme="oscuro"] .viewer-card-btn,
[data-theme="oscuro"] .float-panel,
[data-theme="oscuro"] .video-temp-popover {
  border-color: rgba(var(--pf-accent-rgb), .42) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.42), 0 0 32px rgba(var(--pf-accent-rgb), .13), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
[data-theme="oscuro"] .menu-item:hover,
[data-theme="oscuro"] .menu-item:focus-visible {
  background: rgba(var(--pf-accent-rgb), .115) !important;
  border-color: rgba(var(--pf-accent-rgb), .30) !important;
  box-shadow: inset 0 0 20px rgba(var(--pf-accent-rgb), .06) !important;
}
[data-theme="oscuro"] .menu-item.selected {
  background: linear-gradient(180deg, rgba(var(--pf-accent-rgb), .20), rgba(var(--pf-accent-rgb), .075)) !important;
  border-color: rgba(var(--pf-accent-rgb), .48) !important;
}
[data-theme="oscuro"] .menu-item .mi-dot {
  background: rgb(var(--pf-accent-rgb)) !important;
  box-shadow: 0 0 11px rgba(var(--pf-accent-rgb), .74) !important;
}

/* Generic hover tooltips + CLEAN tooltip + first-use slider hints. */
[data-theme="oscuro"] [data-pf-tooltip]::after,
[data-theme="oscuro"] .video-spray-tooltip,
[data-theme="oscuro"] .video-temp-popover .vt-slider-hint {
  border-color: rgba(var(--pf-accent-rgb), .52) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.38), 0 0 22px rgba(var(--pf-accent-rgb), .15) !important;
}
[data-theme="oscuro"] [data-pf-tooltip]::before {
  border-top-color: rgba(var(--pf-accent-rgb), .52) !important;
  border-right-color: rgba(var(--pf-accent-rgb), .52) !important;
}
[data-theme="oscuro"] .video-spray-tooltip::before {
  border-left-color: rgba(var(--pf-accent-rgb), .52) !important;
  border-bottom-color: rgba(var(--pf-accent-rgb), .52) !important;
}
[data-theme="oscuro"] .video-temp-popover .vt-slider-hint::before {
  border-right-color: rgba(var(--pf-accent-rgb), .52) !important;
  border-bottom-color: rgba(var(--pf-accent-rgb), .52) !important;
}
[data-theme="oscuro"] .video-temp-popover .vt-slider-hint.is-below::before {
  border-left-color: rgba(var(--pf-accent-rgb), .52) !important;
  border-top-color: rgba(var(--pf-accent-rgb), .52) !important;
}

/* Main dialogs and the Info panel inherit the active accent rather than cyan. */
[data-theme="oscuro"] .app-dialog-holder > .app-panel,
[data-theme="oscuro"] .app-dialog-holder > [class*="-dialog"],
[data-theme="oscuro"] .menu-dialog-layer .center > .app-panel,
[data-theme="oscuro"] .menu-dialog-layer .center > [class*="-dialog"],
[data-theme="oscuro"] .pinfo.light-dialog {
  border-color: rgba(var(--pf-accent-rgb), .40) !important;
  box-shadow: 0 28px 72px rgba(0,0,0,.50), 0 0 44px rgba(var(--pf-accent-rgb), .13), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
[data-theme="oscuro"] .pinfo.light-dialog .fp-head {
  border-bottom-color: rgba(var(--pf-accent-rgb), .22) !important;
}
[data-theme="oscuro"] .pinfo.light-dialog .pinfo-pneumatic {
  border-color: rgba(var(--pf-accent-rgb), .20) !important;
  box-shadow: inset 0 0 24px rgba(var(--pf-accent-rgb), .055) !important;
}

/* Make the Style control read as an active visual-mode control in every skin. */
[data-theme="oscuro"] .video-quick-item[data-key="explode"] .video-quick-symbol {
  transition: transform 220ms ease, filter 220ms ease;
}
[data-theme="oscuro"] .video-quick-item[data-key="explode"]:active .video-quick-symbol {
  transform: rotate(-18deg) scale(.95);
}