.handwriting-preview { width: 100%; }
@font-face { font-family: "Propisi"; src: url("../../fonts/handwriting/propisi.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Azbuka03"; src: url("../../fonts/handwriting/azbuka03.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Helvetia Verbundene"; src: url("../../fonts/handwriting/helvetia-verbundene.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
.handwriting-presets { display: flex; align-items: end; gap: 12px; margin: 0 0 16px; }
.handwriting-presets .front-tools-field { flex: 1; margin: 0; }
.handwriting-presets .front-tools-button { margin-bottom: 0; }
.handwriting-row { display: flex; min-height: 58px; align-items: center; padding: 4px 8px; border-bottom: 1px solid #91a1ad; white-space: pre-wrap; overflow-wrap: anywhere; font-family: Arial, "Liberation Sans", sans-serif; color: rgba(30, 45, 58, var(--sample-opacity, 1)); }
.handwriting-row.handwriting-model { font-weight: 400; }
.handwriting-row.handwriting-trace { -webkit-text-stroke: .35px currentColor; }
.handwriting-row.handwriting-font-propisi { font-family: "Propisi", cursive; }
.handwriting-row.handwriting-font-azbuka { font-family: "Azbuka03", cursive; }
.handwriting-row.handwriting-font-helvetia { font-family: "Helvetia Verbundene", cursive; }
.handwriting-row.guide-4 { border-top: 1px dashed #bac5cc; background: repeating-linear-gradient(to bottom, transparent 0, transparent 24%, #d7dee3 25%, transparent 26%, transparent 49%, #aebbc4 50%, transparent 51%, transparent 74%, #d7dee3 75%, transparent 76%); }
.handwriting-row.guide-2 { background: linear-gradient(to bottom, transparent calc(100% - 1px), #9aa9b3 calc(100% - 1px)); }
.handwriting-large { font-size: 32px; min-height: 72px; }
.handwriting-medium { font-size: 25px; min-height: 62px; }
.handwriting-small { font-size: 18px; min-height: 52px; }
.handwriting-blank { color: transparent; }
@media (max-width: 767px) { .handwriting-row { min-height: 54px; } .handwriting-large { font-size: 28px; } }
@media (max-width: 480px) { .handwriting-presets { align-items: stretch; flex-direction: column; } }
@media print { body.handwriting-printing > :not(#handwriting-result) { display: none !important; } body.handwriting-printing > #handwriting-result { display: block !important; position: static !important; width: 100%; margin: 0; } #handwriting-result .front-tools-actions { display: none !important; } .handwriting-row { break-inside: avoid; page-break-inside: avoid; } }