/* v79 Tattoo- & Henna-Studio */
.tu .lede{max-width:62ch}
.tu-help{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:.8rem 0 1.1rem}
.tu-help li{background:#f3efe3;border:1px solid #e3dcc6;border-radius:999px;padding:.3rem .8rem .3rem .4rem;font-size:.92rem}
.tu-help b{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#0b5e5e;color:#fff;margin-right:.3rem;font-size:.85rem}
.tu-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.4rem;align-items:start}
.tu-stage{position:sticky;top:.6rem;min-width:0}
.tu-stage canvas{width:100%;height:auto;display:block;border-radius:14px;border:1px solid #e3dcc6;background:#f7f2e4;touch-action:manipulation}
.tu-meaning{margin:.6rem 0 .3rem;font-weight:600;min-height:1.4em}
.tu-warn{background:#fff4d6;border:1px solid #e6c36a;border-radius:10px;padding:.5rem .7rem;margin:.4rem 0;font-size:.92rem}
.tu-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}
.tu-btns button{min-height:44px;padding:.5rem 1rem;border-radius:10px;border:1px solid #0b5e5e;background:#fff;color:#0b5e5e;font-weight:600;cursor:pointer}
.tu-btns button.tu-pri{background:#0b5e5e;color:#fff}
.tu-ctl{min-width:0}
.tu-ctl h2{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;margin:1.1rem 0 .5rem}
.tu-ctl h2:first-child{margin-top:0}
.stepno{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:#0b5e5e;color:#fff;font-size:.9rem}
.tu-lbl{margin:.8rem 0 .3rem;font-weight:600;font-size:.92rem}
.tu-seg{display:flex;flex-wrap:wrap;gap:.4rem}
.tu-seg button{min-height:40px;padding:.35rem .8rem;border-radius:999px;border:1px solid #cfc7ae;background:#fff;color:#2b2a24;cursor:pointer;font-size:.95rem}
.tu-seg button[aria-pressed=true]{background:#0b5e5e;border-color:#0b5e5e;color:#fff}
.tu-phr{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.45rem;margin:.6rem 0 .9rem}
.tu-phr button.tu-p{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.5rem .4rem;border-radius:12px;border:1px solid #d9d1b8;background:#fff;color:#2b2a24;cursor:pointer;min-height:64px}
.tu-phr button.tu-p[aria-pressed=true]{border-color:#0b5e5e;box-shadow:0 0 0 2px #0b5e5e inset;background:#eef6f4}
.tu-p-ar{font-family:"Amiri",serif;font-size:1.45rem;line-height:1.3}
.tu-p-l{font-size:.78rem;color:#5b5646}
.tu-ctl label{display:block;margin:.7rem 0 .25rem;font-weight:600;font-size:.92rem}
.tu-ctl input[type=text]{width:100%;box-sizing:border-box;min-height:44px;padding:.4rem .7rem;border:1px solid #cfc7ae;border-radius:10px;font-size:1rem}
.tu-ctl input[type=text][lang=ar]{font-family:"Amiri",serif;font-size:1.3rem}
.tu-ctl input[type=range]{width:100%;min-height:32px}
.tu-ctl .outbox{display:none}
.tu-fonts{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.45rem}
.tu-fonts button.tu-f{display:flex;flex-direction:column;align-items:center;padding:.4rem;border-radius:12px;border:1px solid #d9d1b8;background:#fff;color:#2b2a24;cursor:pointer}
.tu-fonts button.tu-f.on{border-color:#0b5e5e;box-shadow:0 0 0 2px #0b5e5e inset}
.tu-f-s{font-size:1.5rem;line-height:1.5;max-width:100%;overflow:hidden;white-space:nowrap}
.tu-f-n{font-size:.78rem;color:#5b5646}
.tu-ink,.tu-skin{display:flex;gap:.6rem}
.tu-sw{width:44px;height:44px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #b8b09a;cursor:pointer;padding:0}
.tu-sw[aria-pressed=true]{box-shadow:0 0 0 3px #0b5e5e}
.tu-check{display:flex!important;align-items:flex-start;gap:.5rem;font-weight:400!important}
.tu-check input{width:22px;height:22px;margin-top:.1rem}
.tu-link{display:inline-block;margin:.4rem 0}
.tu-note,.tu-faq{margin-top:1.6rem;max-width:70ch}
.tu-note{background:#fff8e6;border:1px solid #e6c36a;border-radius:12px;padding:.8rem 1rem}
.tu-faq details{border-bottom:1px solid #e3dcc6;padding:.5rem 0}
.tu-faq summary{cursor:pointer;font-weight:600}
@media (max-width:820px){.tu-grid{grid-template-columns:minmax(0,1fr)}.tu-stage{position:static}}
#tuPrintSheet{display:none}
@media print{
  body.tuprinting > *:not(main):not(script){display:none!important}
  body.tuprinting main > *:not(#tuPrintSheet):not(.tu){display:none!important}
  body.tuprinting .tu{display:none!important}
  body.tuprinting #tuPrintSheet{display:block!important}
  body.tuprinting{background:#fff!important;color:#000!important}
  #tuPrintSheet img{display:block;margin:6mm 0;max-width:none}
}