/* ToolsForge — szybki podgląd 3D i mały przypięty podgląd. */
body > #tfn-floating-3d-preview,
body > #tfn-floating-3d-mini {
  position: fixed !important;
  right: 14px !important;
  z-index: 2147482000 !important;
  display: grid !important;
  place-items: center !important;
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border-radius: 0 !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(47,55,66,.22) !important;
  cursor: pointer !important;
}
body > #tfn-floating-3d-preview {
  bottom: 14px !important;
  border: 1px solid #b23434 !important;
  background: #b23434 !important;
}
body > #tfn-floating-3d-preview:hover,
body > #tfn-floating-3d-preview:focus-visible {
  color:#fff !important;
  border-color: #962a2a !important;
  background: #962a2a !important;
}
body > #tfn-floating-3d-mini {
  bottom: 72px !important;
  border: 1px solid #2f4a68 !important;
  background: #2f4a68 !important;
}
body > #tfn-floating-3d-mini:hover,
body > #tfn-floating-3d-mini:focus-visible {
  color:#fff !important;
  border-color: #243b54 !important;
  background: #243b54 !important;
}
body > #tfn-floating-3d-preview:focus-visible,
body > #tfn-floating-3d-mini:focus-visible {
  outline: 3px solid rgba(47,74,104,.28) !important;
  outline-offset: 3px !important;
}
body > #tfn-floating-3d-preview .tfn-floating-eye-icon {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
}
body > #tfn-floating-3d-preview .tfn-floating-eye-icon svg {
  width: 28px !important;
  height: 28px !important;
}
body > #tfn-floating-3d-mini .tfn-mini-window-mark {
  position: absolute !important;
  inset: 10px 11px 12px 9px !important;
  border: 2px solid currentColor !important;
  pointer-events: none !important;
}
body > #tfn-floating-3d-mini .tfn-mini-window-mark::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 5px;
  border-top: 2px solid currentColor;
}
body > #tfn-floating-3d-mini .tfn-mini-eye-mark {
  position: absolute !important;
  right: 6px !important;
  bottom: 6px !important;
  width: 17px !important;
  height: 17px !important;
  border: 2px solid #2f4a68 !important;
  background: #2f4a68 !important;
  pointer-events: none !important;
}
body > #tfn-floating-3d-mini .tfn-mini-eye-mark::before {
  content: "";
  position: absolute;
  inset: 1px;
  background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
html.tfn-preview-modal-open body > #tfn-floating-3d-preview,
html.tfn-preview-modal-open body > #tfn-floating-3d-mini,
html.tfn-mini-preview-open body > #tfn-floating-3d-preview,
html.tfn-mini-preview-open body > #tfn-floating-3d-mini,
body.tfn-preview-modal-open > #tfn-floating-3d-preview,
body.tfn-preview-modal-open > #tfn-floating-3d-mini,
body.tfn-mini-preview-open > #tfn-floating-3d-preview,
body.tfn-mini-preview-open > #tfn-floating-3d-mini {
  display: none !important;
}

body > .tfn-mini-3d-window {
  position: fixed !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 2147482200 !important;
  display: none !important;
  width: min(360px, calc(100vw - 28px)) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #e3e6ea !important;
  border-top: 5px solid #2f4a68 !important;
  box-shadow: 0 16px 46px rgba(21,31,42,.34) !important;
}
body > .tfn-mini-3d-window.is-open { display: block !important; }
body > .tfn-mini-3d-window.is-suspended { visibility: hidden !important; pointer-events: none !important; }
body > .tfn-mini-3d-window .tfn-mini-3d-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 38px 38px !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 46px !important;
  padding: 7px 8px 7px 12px !important;
  background: #fff !important;
  border-bottom: 1px solid #e3e6ea !important;
}
body > .tfn-mini-3d-window .tfn-mini-3d-title {
  min-width: 0 !important;
  color: #2f4a68 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
}
body > .tfn-mini-3d-window .tfn-mini-3d-action,
#tf-plugin-wrapper .tfn-preview-fullscreen .tfn-preview-to-mini {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  cursor: pointer !important;
}
body > .tfn-mini-3d-window .tfn-mini-3d-expand,
#tf-plugin-wrapper .tfn-preview-fullscreen .tfn-preview-to-mini { background: #2f4a68 !important; }
body > .tfn-mini-3d-window .tfn-mini-3d-expand:hover,
#tf-plugin-wrapper .tfn-preview-fullscreen .tfn-preview-to-mini:hover { color:#fff!important; background: #243b54 !important; }
body > .tfn-mini-3d-window .tfn-mini-3d-close {
  color:#fff!important;
  background: #b23434 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
body > .tfn-mini-3d-window .tfn-mini-3d-close:hover { color:#fff!important; background: #962a2a !important; }
body > .tfn-mini-3d-window .tfn-mini-3d-action svg,
#tf-plugin-wrapper .tfn-preview-fullscreen .tfn-preview-to-mini svg { width: 20px !important; height: 20px !important; }
body > .tfn-mini-3d-window .tfn-mini-3d-body {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 210px !important;
  min-height: 210px !important;
  overflow: hidden !important;
  background: #eef3f7 !important;
}
body > .tfn-mini-3d-window .tfn-preview-live-host {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #eef3f7 !important;
  border: 0 !important;
}
body > .tfn-mini-3d-window .tfn-preview-live-host > .opacity-control,
body > .tfn-mini-3d-window .viewer-toolbar,
body > .tfn-mini-3d-window .tfn-preview-expand,
body > .tfn-mini-3d-window [data-tfn-preview-fullscreen] { display: none !important; }
body > .tfn-mini-3d-window .tf-viewer-wrap,
body > .tfn-mini-3d-window #viewer-3d {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: #eef3f7 !important;
}
body > .tfn-mini-3d-window #viewer-3d canvas {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
body > .tfn-mini-3d-window #viewer-badge { display: none !important; }

#tf-plugin-wrapper .tfn-preview-fullscreen .tfn-preview-fullscreen-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
#tf-plugin-wrapper .tfn-preview-fullscreen .tfn-preview-fullscreen-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
}
#tf-plugin-wrapper .tfn-preview-fullscreen .tfn-preview-to-mini {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
}
#tf-plugin-wrapper .tfn-preview-fullscreen .tfn-preview-to-mini[hidden] { display: none !important; }

@media (max-width: 760px) {
  body > #tfn-floating-3d-preview,
  body > #tfn-floating-3d-mini {
    right: 9px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
  }
  body > #tfn-floating-3d-preview { bottom: 9px !important; }
  body > #tfn-floating-3d-mini { bottom: 63px !important; }
  body > .tfn-mini-3d-window {
    top: 9px !important;
    right: 9px !important;
    width: min(340px, calc(100vw - 18px)) !important;
  }
  body > .tfn-mini-3d-window .tfn-mini-3d-body {
    height: 185px !important;
    min-height: 185px !important;
  }
}