/*
 * WebZen Designer – Druckprodukt-Modus
 * WICHTIG: Jede Regel ist unter .wztd-mode-print gekapselt.
 * Der Textil-Designer wird von dieser Datei nicht verändert.
 */

.wztd-mode-print .wztd-designer-shell,
.wztd-mode-print .wztd-designer-layout {
    min-width: 0;
}

/* Rechte Produktspalte: bei Druckprodukten ausreichend breit halten. */
.wztd-mode-print .wztd-product-panel,
.wztd-mode-print .wztd-right-panel,
.wztd-mode-print .wztd-sidebar-right {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    box-sizing: border-box;
}

.wztd-mode-print .wztd-product-panel *,
.wztd-mode-print .wztd-right-panel *,
.wztd-mode-print .wztd-sidebar-right * {
    box-sizing: border-box;
}

/* Überschriften und Hilfetext dürfen normal umbrechen statt Wort für Wort. */
.wztd-mode-print .wztd-product-panel h1,
.wztd-mode-print .wztd-product-panel h2,
.wztd-mode-print .wztd-product-panel h3,
.wztd-mode-print .wztd-right-panel h1,
.wztd-mode-print .wztd-right-panel h2,
.wztd-mode-print .wztd-right-panel h3,
.wztd-mode-print .wztd-sidebar-right h1,
.wztd-mode-print .wztd-sidebar-right h2,
.wztd-mode-print .wztd-sidebar-right h3 {
    word-break: normal;
    overflow-wrap: normal;
    white-space: normal;
    line-height: 1.08;
}

.wztd-mode-print .wztd-product-panel p,
.wztd-mode-print .wztd-product-panel li,
.wztd-mode-print .wztd-right-panel p,
.wztd-mode-print .wztd-right-panel li,
.wztd-mode-print .wztd-sidebar-right p,
.wztd-mode-print .wztd-sidebar-right li {
    word-break: normal;
    overflow-wrap: break-word;
}

/* Mengenwahl nur im Printmodus sauber in einer Reihe/Spalte halten. */
.wztd-mode-print .wztd-quantity-options,
.wztd-mode-print .wztd-print-quantities,
.wztd-mode-print .wztd-qty-options {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    width: 100%;
}

.wztd-mode-print .wztd-quantity-options button,
.wztd-mode-print .wztd-print-quantities button,
.wztd-mode-print .wztd-qty-options button {
    position: static;
    width: 100%;
    min-width: 0;
    margin: 0;
}

/* Arbeitsfläche bei Printprodukten stärker nutzen. */
.wztd-mode-print .wztd-stage,
.wztd-mode-print .wztd-workspace,
.wztd-mode-print .wztd-canvas-area {
    min-width: 0;
}

/* Vorder-/Rückseitenwahl im Printmodus klar nebeneinander. */
.wztd-mode-print .wztd-side-switcher,
.wztd-mode-print .wztd-view-switcher {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 28px;
}

/* Mobile Print bleibt ebenfalls isoliert. */
@media (max-width: 900px) {
    .wztd-mode-print .wztd-product-panel,
    .wztd-mode-print .wztd-right-panel,
    .wztd-mode-print .wztd-sidebar-right {
        width: 100%;
        min-width: 0;
        max-width: none;
    }
}


/* v2.7.5 – Druckprodukte/Flyer: Zoom immer sichtbar und direkt bedienbar */
@media(min-width:851px){
  .wztd-app.wztd-print-product #wztd-view-zoom{
    display:flex!important;
    position:absolute!important;
    left:12px!important;
    top:auto!important;
    bottom:18px!important;
    transform:none!important;
    width:auto!important;
    min-width:0!important;
    padding:5px!important;
    flex-direction:row!important;
    gap:4px!important;
    z-index:900!important;
    background:#fff!important;
    border:1px solid #d8d8d8!important;
    border-radius:8px!important;
    box-shadow:0 2px 8px rgba(0,0,0,.10)!important;
  }
  .wztd-app.wztd-print-product #wztd-view-zoom button{
    width:34px!important;
    min-width:34px!important;
    height:30px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .wztd-app.wztd-print-product #wztd-zoom-reset{
    width:52px!important;
    min-width:52px!important;
    font-size:12px!important;
    color:#111!important;
  }
  .wztd-app.wztd-print-product #wztd-zoom-reset::after{
    display:none!important;
    content:none!important;
  }
}


/* v2.8.0 – Druckmarkierungen sauber wie in InDesign:
   rot = 2 mm Beschnitt außen, schwarz = Endformat/Schnittkante, blau = 3 mm Sicherheitsabstand.
   Die Linien sind reine Bildschirmhilfen und werden nie exportiert. */
.wztd-app.wztd-print-product #wztd-print-area,
.wztd-app.wztd-print-product .wztd-print-area{
  border:0!important;
  outline:0!important;
  box-shadow:0 5px 18px rgba(0,0,0,.10)!important;
}
.wztd-app.wztd-print-product .wztd-print-guide-trim{
  inset:0!important;
  border:1px solid #222!important;
  outline:0!important;
}
.wztd-app.wztd-print-product .wztd-print-guide-bleed{
  border:1px dashed #e53935!important;
}
.wztd-app.wztd-print-product .wztd-print-guide-safe{
  border:1px dashed #4f72ff!important;
}
@media(max-width:850px){
  .wztd-app.wztd-print-product .wztd-print-guide-trim{border-width:1px!important}
}

/* Grammatur analog zur Mengenwahl */
.wztd-print-grammage-box{
  background:#fff;border:1px solid #d7d7d7;border-radius:10px;padding:12px;margin:10px 0;
}
.wztd-print-grammage-list{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px;
}
.wztd-print-grammage-option{
  min-height:38px;border:1px solid #d2d2d2;border-radius:7px;background:#fff;font-weight:700;cursor:pointer;
}
.wztd-print-grammage-option.active{
  border:2px solid #111;background:#f7f7f7;
}

/* Formen/Hintergrund */
.wztd-shape-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;
}
.wztd-shape-pick{
  min-height:105px;border:1px solid #ddd;border-radius:10px;background:#fff;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:8px;cursor:pointer;
}
.wztd-shape-icon{display:block;width:58px;height:42px;position:relative;color:#111;font-size:46px;line-height:42px;text-align:center}
.wztd-shape-icon.rectangle{background:#111}
.wztd-shape-icon.circle{width:48px;height:48px;border-radius:50%;background:#111}
.wztd-shape-icon.triangle{width:0;height:0;border-left:29px solid transparent;border-right:29px solid transparent;border-bottom:50px solid #111}
.wztd-shape-icon.line{height:6px;background:#111;margin-top:18px}
.wztd-bg-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
#wztd-background-color{width:74px;height:48px;border:1px solid #ccc;border-radius:8px;padding:4px;background:#fff}

@media(max-width:850px){
  .wztd-print-grammage-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wztd-shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* v2.9.3 – Grammatur zuerst, danach Menge */
.wztd-print-grammage-box{order:1}
.wztd-print-quantity-box{order:2}
.wztd-print-config-bottom{order:3}
.wztd-print-sidebar{display:flex;flex-direction:column}


/* v2.9.4 – Grammatur-Auswahl deutlich größer und aktive Auswahl klar sichtbar */
.wztd-app.wztd-print-product .wztd-print-grammage-box{
  padding:12px!important;
  margin:10px 0 12px!important;
  background:#fff!important;
  border:1px solid #d7d7d7!important;
  border-radius:10px!important;
}
.wztd-app.wztd-print-product .wztd-print-grammage-box > strong{
  display:block!important;
  margin-bottom:10px!important;
  font-size:15px!important;
  line-height:1.2!important;
}
.wztd-app.wztd-print-product .wztd-print-grammage-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
}
.wztd-app.wztd-print-product .wztd-print-grammage-option{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:8px 6px!important;
  border:1px solid #cfcfcf!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#111!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.wztd-app.wztd-print-product .wztd-print-grammage-option:hover{
  border-color:#777!important;
  background:#f6f6f6!important;
}
.wztd-app.wztd-print-product .wztd-print-grammage-option.active{
  border:2px solid #111!important;
  background:#111!important;
  color:#fff!important;
  box-shadow:0 0 0 1px #111 inset!important;
}
.wztd-app.wztd-print-product .wztd-print-grammage-option.active::before{
  content:"✓";
  display:inline-block;
  margin-right:6px;
  font-weight:900;
}

@media(max-width:850px){
  .wztd-app.wztd-print-product .wztd-print-grammage-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .wztd-app.wztd-print-product .wztd-print-grammage-option{
    min-height:46px!important;
    font-size:14px!important;
  }
}


/* v2.9.6 – Formen nur als Symbole, kompaktere große Auswahl */
.wztd-shape-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.wztd-shape-pick{
  min-height:72px!important;
  height:72px!important;
  padding:9px!important;
  border:1px solid #d8d8d8!important;
  border-radius:8px!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}
.wztd-shape-pick:hover{
  background:#f5f5f5!important;
  border-color:#777!important;
}
.wztd-shape-pick img{
  display:block!important;
  width:48px!important;
  height:48px!important;
  max-width:100%!important;
  object-fit:contain!important;
  pointer-events:none!important;
}
.wztd-shape-pick b,
.wztd-shape-pick .wztd-shape-icon{
  display:none!important;
}
@media(max-width:850px){
  .wztd-shape-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .wztd-shape-pick{min-height:64px!important;height:64px!important;padding:8px!important}
  .wztd-shape-pick img{width:42px!important;height:42px!important}
}


/* v2.9.7 – Formen direkt als SVG rendern, damit die Auswahl garantiert sichtbar ist */
.wztd-shape-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:12px!important;
}
.wztd-shape-pick{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  height:72px!important;
  min-height:72px!important;
  padding:9px!important;
  background:#fff!important;
  border:1px solid #d8d8d8!important;
  border-radius:8px!important;
  cursor:pointer!important;
}
.wztd-shape-pick:hover{
  background:#f4f4f4!important;
  border-color:#666!important;
}
.wztd-shape-pick svg{
  display:block!important;
  width:52px!important;
  height:52px!important;
  overflow:visible!important;
  fill:#111!important;
  stroke:none!important;
  pointer-events:none!important;
}
.wztd-shape-pick b,
.wztd-shape-pick .wztd-shape-icon,
.wztd-shape-pick img{
  display:none!important;
}
@media(max-width:850px){
  .wztd-shape-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .wztd-shape-pick{height:64px!important;min-height:64px!important;padding:7px!important}
  .wztd-shape-pick svg{width:46px!important;height:46px!important}
}


/* v2.9.8 – Formen-Menü: sicherer Kontrast, unabhängig von Theme-/SVG-Regeln */
.wztd-app.wztd-print-product .wztd-shapes-drawer .wztd-shape-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.wztd-app.wztd-print-product .wztd-shapes-drawer .wztd-shape-pick{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:72px!important;
  min-height:72px!important;
  padding:9px!important;
  background:#f2f2f2!important;
  border:1px solid #c8c8c8!important;
  border-radius:8px!important;
  color:#111!important;
  opacity:1!important;
  visibility:visible!important;
}
.wztd-app.wztd-print-product .wztd-shapes-drawer .wztd-shape-pick:hover{
  background:#e7e7e7!important;
  border-color:#777!important;
}
.wztd-app.wztd-print-product .wztd-shapes-drawer .wztd-shape-pick svg{
  display:block!important;
  width:52px!important;
  height:52px!important;
  fill:#111111!important;
  stroke:none!important;
  color:#111111!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
.wztd-app.wztd-print-product .wztd-shapes-drawer .wztd-shape-pick svg *{
  fill:#111111!important;
  stroke:none!important;
  opacity:1!important;
}
@media(max-width:850px){
  .wztd-app.wztd-print-product .wztd-shapes-drawer .wztd-shape-pick{
    height:64px!important;
    min-height:64px!important;
  }
  .wztd-app.wztd-print-product .wztd-shapes-drawer .wztd-shape-pick svg{
    width:46px!important;
    height:46px!important;
  }
}


/* v2.9.9 – FORMEN-DRAWER liegt außerhalb .wztd-app:
   daher absichtlich NICHT auf .wztd-app scopen. */
#wztd-shapes-drawer .wztd-shape-grid,
.wztd-shapes-drawer .wztd-shape-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:12px!important;
  width:100%!important;
}
#wztd-shapes-drawer .wztd-shape-pick,
.wztd-shapes-drawer .wztd-shape-pick{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:72px!important;
  min-height:72px!important;
  padding:9px!important;
  margin:0!important;
  background:#f1f1f1!important;
  border:1px solid #c8c8c8!important;
  border-radius:8px!important;
  color:#111!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:hidden!important;
}
#wztd-shapes-drawer .wztd-shape-pick:hover,
.wztd-shapes-drawer .wztd-shape-pick:hover{
  background:#dedede!important;
  border-color:#666!important;
}
#wztd-shapes-drawer .wztd-shape-pick svg,
.wztd-shapes-drawer .wztd-shape-pick svg{
  display:block!important;
  width:50px!important;
  height:50px!important;
  max-width:50px!important;
  max-height:50px!important;
  fill:#111111!important;
  color:#111111!important;
  stroke:none!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
#wztd-shapes-drawer .wztd-shape-pick svg *,
.wztd-shapes-drawer .wztd-shape-pick svg *{
  fill:#111111!important;
  stroke:none!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:850px){
  #wztd-shapes-drawer .wztd-shape-grid,
  .wztd-shapes-drawer .wztd-shape-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  #wztd-shapes-drawer .wztd-shape-pick,
  .wztd-shapes-drawer .wztd-shape-pick{
    height:64px!important;
    min-height:64px!important;
  }
}


/* v3.0.0 – Formen-Menü kompakt */
#wztd-shapes-drawer .wztd-template-drawer-inner,
.wztd-shapes-drawer .wztd-template-drawer-inner{
  padding:16px!important;
}

#wztd-shapes-drawer .wztd-shape-grid,
.wztd-shapes-drawer .wztd-shape-grid{
  display:grid!important;
  grid-template-columns:repeat(4,54px)!important;
  gap:8px!important;
  justify-content:start!important;
  align-items:start!important;
  width:auto!important;
  max-width:100%!important;
}

#wztd-shapes-drawer .wztd-shape-pick,
.wztd-shapes-drawer .wztd-shape-pick{
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  padding:7px!important;
  margin:0!important;
  border-radius:7px!important;
  overflow:hidden!important;
}

#wztd-shapes-drawer .wztd-shape-pick svg,
.wztd-shapes-drawer .wztd-shape-pick svg{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  display:block!important;
  transform:none!important;
}

#wztd-shapes-drawer .wztd-shape-pick svg *,
.wztd-shapes-drawer .wztd-shape-pick svg *{
  transform:none!important;
}

@media(max-width:850px){
  #wztd-shapes-drawer .wztd-shape-grid,
  .wztd-shapes-drawer .wztd-shape-grid{
    grid-template-columns:repeat(4,50px)!important;
    gap:7px!important;
  }

  #wztd-shapes-drawer .wztd-shape-pick,
  .wztd-shapes-drawer .wztd-shape-pick{
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    padding:6px!important;
  }

  #wztd-shapes-drawer .wztd-shape-pick svg,
  .wztd-shapes-drawer .wztd-shape-pick svg{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }
}


/* v3.0.1 – Formenpalette wirklich klein */
#wztd-shapes-drawer .wztd-shape-grid,
.wztd-shapes-drawer .wztd-shape-grid{
  display:grid!important;
  grid-template-columns:repeat(5,40px)!important;
  gap:6px!important;
  justify-content:start!important;
  align-items:start!important;
  width:auto!important;
  max-width:224px!important;
}

#wztd-shapes-drawer .wztd-shape-pick,
.wztd-shapes-drawer .wztd-shape-pick{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  padding:5px!important;
  margin:0!important;
  border-radius:6px!important;
  overflow:hidden!important;
}

#wztd-shapes-drawer .wztd-shape-pick svg,
.wztd-shapes-drawer .wztd-shape-pick svg{
  display:block!important;
  width:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  flex:0 0 26px!important;
}

@media(max-width:850px){
  #wztd-shapes-drawer .wztd-shape-grid,
  .wztd-shapes-drawer .wztd-shape-grid{
    grid-template-columns:repeat(5,38px)!important;
    gap:5px!important;
    max-width:210px!important;
  }
  #wztd-shapes-drawer .wztd-shape-pick,
  .wztd-shapes-drawer .wztd-shape-pick{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:5px!important;
  }
  #wztd-shapes-drawer .wztd-shape-pick svg,
  .wztd-shapes-drawer .wztd-shape-pick svg{
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    flex-basis:24px!important;
  }
}


/* v3.0.2 – Formenpalette: zwischen 3.0.0 und 3.0.1 */
#wztd-shapes-drawer .wztd-shape-grid,
.wztd-shapes-drawer .wztd-shape-grid{
  grid-template-columns:repeat(5,46px)!important;
  gap:6px!important;
  max-width:254px!important;
}
#wztd-shapes-drawer .wztd-shape-pick,
.wztd-shapes-drawer .wztd-shape-pick{
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:6px!important;
}
#wztd-shapes-drawer .wztd-shape-pick svg,
.wztd-shapes-drawer .wztd-shape-pick svg{
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  flex:0 0 32px!important;
}

/* Formen auf der Arbeitsfläche füllen IMMER den Auswahlrahmen.
   Ziehen am oberen/unteren Griff = Form höher/niedriger,
   links/rechts = Form breiter/schmaler. */
.wztd-app.wztd-print-product .wztd-shape-object{
  position:absolute!important;
  overflow:visible!important;
}
.wztd-app.wztd-print-product .wztd-shape-object > img.wztd-shape-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
  display:block!important;
}

/* Für Formen sind die vier Seiten-Griffe die Haupt-Griffe.
   Sie sitzen direkt auf der Formkante. */
.wztd-app.wztd-print-product .wztd-shape-object .wztd-image-axis-left{left:0!important}
.wztd-app.wztd-print-product .wztd-shape-object .wztd-image-axis-right{right:0!important}
.wztd-app.wztd-print-product .wztd-shape-object .wztd-image-axis-top{top:0!important}
.wztd-app.wztd-print-product .wztd-shape-object .wztd-image-axis-bottom{bottom:0!important}

@media(max-width:850px){
  #wztd-shapes-drawer .wztd-shape-grid,
  .wztd-shapes-drawer .wztd-shape-grid{
    grid-template-columns:repeat(5,44px)!important;
    gap:5px!important;
  }
  #wztd-shapes-drawer .wztd-shape-pick,
  .wztd-shapes-drawer .wztd-shape-pick{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
  }
  #wztd-shapes-drawer .wztd-shape-pick svg,
  .wztd-shapes-drawer .wztd-shape-pick svg{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
  }
}


/* v3.0.3 – Auswahlrahmen und Form sind wirklich dieselbe Größe */
.wztd-app.wztd-print-product .wztd-shape-object{
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.wztd-app.wztd-print-product .wztd-shape-object > img.wztd-shape-image{
  opacity:0!important;
  pointer-events:none!important;
}

/* Seiten-Griffe bewusst sichtbar: oben/unten verändert Höhe,
   links/rechts verändert Breite. */
.wztd-app.wztd-print-product .wztd-shape-object.selected .wztd-image-axis-handle{
  display:block!important;
  width:14px!important;
  height:14px!important;
  background:#fff!important;
  border:2px solid #2563eb!important;
}


/* v3.0.5 – Farbe für echte Formen */
.wztd-shape-color-wrap{
  display:none;
  align-items:center;
  justify-content:center;
  width:54px;
  min-width:54px;
  height:54px;
  position:relative;
  cursor:pointer;
  border-right:1px solid #e5e5e5;
  box-sizing:border-box;
}
.wztd-shape-color-wrap input[type="color"]{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
}
.wztd-shape-color-dot{
  width:24px;
  height:24px;
  border-radius:50%;
  background:#111;
  border:2px solid #fff;
  box-shadow:0 0 0 1px #aaa;
  pointer-events:none;
}
@media(max-width:850px){
  .wztd-shape-color-wrap{
    width:48px;
    min-width:48px;
    height:48px;
  }
  .wztd-shape-color-dot{
    width:22px;
    height:22px;
  }
}


/* v3.1.7 – Visitenkarte: nur noch die mm-genauen Produktionshilfen verwenden.
   Alte ::before/::after-Hilfslinien hatten feste Pixel-Abstände und führten
   besonders oben/unten zu falschem Beschnitt/Sicherheitsrand. */
.wztd-app.wztd-print-product .wztd-print-card-area::before,
.wztd-app.wztd-print-product .wztd-print-card-area::after,
.wztd-print-product .wztd-print-card-area::before,
.wztd-print-product .wztd-print-card-area::after{
  content:none!important;
  display:none!important;
  border:0!important;
}

/* Die echten Guides bleiben über dem Design sichtbar. */
.wztd-app.wztd-print-product .wztd-print-guide-bleed,
.wztd-app.wztd-print-product .wztd-print-guide-trim,
.wztd-app.wztd-print-product .wztd-print-guide-safe{
  display:block!important;
}