/* Importfreundliche Fassung: alles, was Figma nicht übernehmen kann, wird ersetzt.
   Pseudoelemente und SVG-Filter raus, echte Rahmen rein. Sieht minimal anders aus,
   kommt dafür als saubere Ebenen mit editierbarem Text an. */

body.figma .sk::before,
body.figma .field::before,
body.figma .imgbox::before,
body.figma .cta::after,
body.figma .urlpill { filter: none !important; }

body.figma .sk::before { display: none; }
body.figma .sk {
  border: 2.5px solid var(--ink);
  border-radius: 8px;
}
body.figma .sk.thin { border-width: 2px; }
body.figma .sk.warn { border-color: var(--red); }
body.figma .sk.fill { background: #fffdf8; }

body.figma .field::before { display: none; }
body.figma .field {
  border: 2px solid var(--ink);
  border-radius: 6px;
  background: #fff;
}

body.figma .imgbox::before { display: none; }
body.figma .imgbox {
  border: 2px solid var(--ink);
  border-radius: 6px;
  background: #eeebe4;
}

body.figma .cta::after { display: none; }
body.figma .cta {
  border: 2.5px solid var(--red);
  border-radius: 8px;
}
body.figma .cta.quiet { border-color: var(--ink); }

body.figma .urlpill { border-radius: 8px; }

/* Kritzelzeilen sind Hintergrundbilder — in Figma werden daraus leere Kästen.
   Als echte Linien kommen sie als Rechteck-Ebenen an. */
body.figma .scribble {
  background: none;
  border-top: 2px solid #23262b40;
  height: 0;
  margin: 15px 0;
}
body.figma .band.dark .scribble { border-top-color: #fbf8f155; filter: none; }

/* Punktraster des Papiers weglassen — wird sonst zu tausenden Ebenen */
body.figma { background-image: none; }

/* Das gezeichnete Browserfenster ist Präsentation, nicht Design — raus aus dem Import. */
body.figma .frame::before { display: none; }
body.figma .urlbar { display: none; }
body.figma .frame-inner { border-radius: 0; }
body.figma .frame-inner > :first-child { border-radius: 0; }
body.figma .frame-inner > :last-child { border-radius: 0; }