/* ENGLISH EDITION — page-tattoo.php (tattoo generator preview) */
.en-tattoo{background:var(--en-paper);border:1px solid var(--en-line);border-radius:20px;padding:18px;box-shadow:var(--en-shadow-sm)}
.en-tattoo__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.en-tattoo__check{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--en-ink-2);cursor:pointer}
.en-tattoo__check input{accent-color:var(--en-teal)}
.en-tattoo__paper{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px 28px;background:#fff;border:1px solid var(--en-line);border-radius:14px;background-image:radial-gradient(rgba(23,32,42,.06) 1px,transparent 1px);background-size:18px 18px}
.en-tattoo__empty{margin:0;color:var(--en-ink-3);font-size:.95rem}
.en-tattoo__design{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;max-width:100%}
.en-tattoo__word{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0}
.en-tattoo__letter{display:inline-flex;flex-direction:column;align-items:center;gap:6px;margin:0 15px}
.en-tattoo__sig{gap:5px;row-gap:5px}
.en-tattoo__sig .en-signal__dot{width:10px;height:10px;background:#111}
.en-tattoo__sig .en-signal__dash{width:30px;height:10px;border-radius:5px;background:#111}
.en-tattoo__wordgap{display:inline-block;width:40px}
.en-tattoo__label{font-family:var(--en-font-mono);font-size:.7rem;color:var(--en-teal);letter-spacing:0}
.en-tattoo__caption{margin:0;font-family:var(--en-font-mono);font-size:.8rem;letter-spacing:.14em;color:var(--en-ink-3);text-align:center;word-break:break-word;max-width:100%}
/* stacked: one word per row */
.en-tattoo__paper--stacked .en-tattoo__design{flex-direction:column;align-items:flex-start;gap:22px}
.en-tattoo__paper--stacked .en-tattoo__word{justify-content:flex-start}
.en-tattoo__paper--stacked .en-tattoo__wordgap{display:none}
/* vertical: symbols stacked top to bottom */
.en-tattoo__paper--vertical .en-tattoo__design{flex-direction:column;align-items:center;gap:0}
.en-tattoo__paper--vertical .en-tattoo__word{flex-direction:column;align-items:center}
.en-tattoo__paper--vertical .en-tattoo__letter{flex-direction:row;margin:9px 0;gap:10px}
.en-tattoo__sig--v{flex-direction:column;flex-wrap:nowrap;gap:5px}
.en-tattoo__sig--v .en-signal__dash{width:10px;height:30px}
.en-tattoo__paper--vertical .en-tattoo__wordgap{display:block;width:auto;height:28px}
.en-tattoo__paper--vertical .en-tattoo__label{position:absolute;margin-left:30px}
.en-tattoo__paper--vertical .en-tattoo__letter{position:relative}
/* ideas */
.en-tattoo-idea__signal{margin:8px 0 10px;min-height:14px}
.en-tattoo-idea__signal .en-signal__dot,.en-tattoo-idea__signal .en-signal__dash{background:#111}
.en-tattoo-idea__code{color:var(--en-teal);margin:0 0 6px;overflow-wrap:anywhere}
/* print: only the preview */
@media print{
  body.en-tattoo-printing main>*{display:none!important}
  body.en-tattoo-printing #generator{display:block!important}
  body.en-tattoo-printing #generator .en-tool,body.en-tattoo-printing .en-tattoo__bar,body.en-tattoo-printing .en-tattoo>p{display:none!important}
  body.en-tattoo-printing .en-tattoo{border:0;box-shadow:none;padding:0}
  body.en-tattoo-printing .en-tattoo__paper{border:0;background-image:none;min-height:60vh}
  .en-tattoo__sig .en-signal__dot,.en-tattoo__sig .en-signal__dash{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
@media (max-width:560px){
  .en-tattoo{padding:12px}
  .en-tattoo__paper{padding:28px 14px}
  .en-tattoo__letter{margin:0 10px}
  .en-tattoo__sig .en-signal__dash{width:24px}
}