/* Tactile material illustration; the original photograph remains a separate reference. */
.engraving-preview{width:100%;min-width:0;margin:20px 0 4px;padding:18px;border:1px solid #d8d3c6;background:#eee9dd;border-radius:8px;color:var(--ink)}
.engraving-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.engraving-heading h3{font:600 12px/1.5 var(--sans);letter-spacing:.01em;margin:0}
.engraving-guide-label{font:600 7px/1.5 var(--sans);letter-spacing:.12em;color:#6b6c5b;white-space:nowrap}
.engraving-visual{display:flex;gap:12px;align-items:stretch;min-width:0;min-height:132px}
.engraving-reference{width:82px;flex-shrink:0;position:relative;margin:0;overflow:hidden;border-radius:5px;background:#d1d0bd}
.engraving-reference img{width:100%;height:100%;max-height:160px;object-fit:cover;filter:saturate(.85)}
.engraving-reference figcaption{position:absolute;bottom:0;left:0;right:0;padding:6px 4px;font:8px/1.4 var(--sans);text-align:center;color:#f8f3e6;background:#24291bc9}
.engraving-material{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:9px 0}
.engraving-plaque{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;width:100%;min-width:0;min-height:88px;padding:16px 20px;border:1px solid #ba9664;border-radius:6px;background:repeating-linear-gradient(3deg,#d6b781 0,#d6b781 2px,#dac093 3px,#cfaa76 4px,#d6b781 6px);box-shadow:0 3px 0 #987a54,0 7px 16px #4838201a;color:#644327;overflow:hidden}
.engraving-plaque::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/paper-grain.svg') repeat;opacity:.13;pointer-events:none}
.engraving-text{display:block;max-width:100%;font:500 32px/1.1 var(--serif);letter-spacing:.025em;text-align:center;overflow-wrap:anywhere;white-space:normal;text-shadow:0 1px 0 #f7dfb35c}
.engraving-preview[data-text-length=medium] .engraving-text{font-size:26px;line-height:1.15}
.engraving-preview[data-text-length=long] .engraving-text{font-size:20px;line-height:1.2}
.engraving-preview[data-style=sans] .engraving-text{font-family:var(--sans);font-weight:600;letter-spacing:.055em}
.engraving-preview[data-style=script] .engraving-text{font-family:var(--serif);font-style:italic;font-weight:500;letter-spacing:0}
.engraving-material-label{font:9px/1.5 var(--sans);color:#6e6b5e;text-align:center;overflow-wrap:anywhere}
.engraving-preview[data-material=leather] .engraving-plaque{border-color:#5c3b29;border-radius:7px;background:linear-gradient(135deg,#916748,#6f4932 64%,#80583c);box-shadow:0 3px 0 #452c20,0 7px 16px #48382022;color:#e8cbb0}
.engraving-preview[data-material=leather] .engraving-plaque::after{content:'';position:absolute;inset:6px;border:1px dashed #d1ab804d;border-radius:3px;pointer-events:none}
.engraving-preview[data-material=leather] .engraving-text{text-shadow:0 1px 0 #301e19}
.engraving-preview[data-tone=walnut] .engraving-plaque{background:repeating-linear-gradient(3deg,#906342 0,#906342 2px,#9b7250 3px,#875a3c 4px,#906342 6px);border-color:#745135;color:#f0d2a0;box-shadow:0 3px 0 #60442e,0 7px 16px #48382022}
.engraving-preview[data-tone=dark-brown] .engraving-plaque{background:linear-gradient(135deg,#63432f,#412a22 64%,#583b2c);border-color:#36241d;color:#d5ad87;box-shadow:0 3px 0 #2b1e18,0 7px 16px #48382022}
.engraving-preview[data-tone=black] .engraving-plaque{background:linear-gradient(135deg,#34372d,#22251e 64%,#303229);border-color:#1e2219;color:#c5c7af;box-shadow:0 3px 0 #161b13,0 7px 16px #48382022}
.engraving-style-row{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.engraving-style-label{font:500 10px/1.4 var(--sans);color:#606354}
.engraving-style-choices{display:flex;gap:5px}
.engraving-style{display:grid;place-items:center;min-width:55px;min-height:38px;padding:7px 9px;border:1px solid #ccc8ba;border-radius:4px;background:transparent;color:var(--ink);font:500 12px/1 var(--sans);cursor:pointer;touch-action:manipulation;transition:background .18s,border-color .18s}
.engraving-style-serif{font-family:var(--serif);font-size:16px}
.engraving-style-script{font-family:var(--serif);font-size:16px;font-style:italic}
.engraving-style[aria-pressed=true]{border-color:#748063;background:#e1e4d5}
.engraving-style:focus-visible{outline:2px solid var(--olive);outline-offset:3px}
.engraving-note,.engraving-truncation{font:10px/1.65 var(--sans)!important;color:#67685b;margin:13px 0 0!important}
.engraving-truncation{margin-top:5px!important;color:#78654d}
.engraving-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){
  .engraving-preview{padding:16px;margin-top:20px;border-radius:7px}
  .engraving-heading{gap:8px;align-items:flex-start;margin-bottom:14px}
  .engraving-heading h3{font-size:12px}
  .engraving-guide-label{font-size:7px;margin-top:3px}
  .engraving-visual{gap:10px;min-height:126px}
  .engraving-reference{width:68px}
  .engraving-reference figcaption{font-size:8px}
  .engraving-plaque{min-height:88px;padding:16px 12px}
  .engraving-text{font-size:29px}
  .engraving-preview[data-text-length=medium] .engraving-text{font-size:23px}
  .engraving-preview[data-text-length=long] .engraving-text{font-size:18px}
  .engraving-material-label{font-size:9px}
  .engraving-style-row{gap:10px}
  .engraving-style-label{font-size:11px}
  .engraving-style{min-height:44px;min-width:53px;padding:8px;font-size:12px}
  .engraving-style-serif,.engraving-style-script{font-size:17px}
  .engraving-note,.engraving-truncation{font-size:11px!important;line-height:1.6!important}
}
@media(max-width:370px){
  .engraving-heading{display:block}
  .engraving-guide-label{display:block;margin-top:3px}
  .engraving-reference{width:58px}
  .engraving-style-row{align-items:flex-start;flex-direction:column;gap:8px}
  .engraving-style-choices{width:100%}
  .engraving-style{flex:1;min-width:0}
}
@media(prefers-reduced-motion:reduce){.engraving-style{transition:none}}