.swatch.wood{background:linear-gradient(35deg,#9b683c,#e6bd82,#ac7748)}.single-color{display:flex;align-items:center;gap:8px;font-size:13px}
.preview-panel{position:relative;top:auto}.preview-grid{grid-template-columns:1fr}#card-base{grid-column:1/-1}#card-base>.scene{aspect-ratio:1.35;background:#fff}
.notebook-pair{grid-template-columns:1fr;grid-template-rows:minmax(0,3fr) minmax(0,1fr);gap:8px;background:white;direction:ltr}.notebook-pair>.scene{height:100%;min-height:0;background:#faf8f5}.notebook-pair>.notebook-wide{background:white}.notebook-pair>.plaque-close{border-top:1px solid var(--border)}.notebook-pair .scene-tag{font-size:9px;padding:2px 5px}
.preview-footnote{font-size:11px;line-height:1.9}.stock-note{border-top:1px solid var(--border);padding-top:12px}.engraved-text{text-shadow:0 .4px .5px #65462766}
.strip-controls{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.strip-controls>label{display:block;font-size:12px;font-weight:bold;margin-bottom:7px}.strip-range{display:flex;gap:10px;align-items:center;direction:ltr}.strip-range input{flex:1;min-width:0;accent-color:var(--red);min-height:32px;cursor:pointer}.strip-range span,.strip-range output{font-size:10px;white-space:nowrap}.strip-range output{min-width:38px;direction:rtl}.strip-controls small{display:block;color:var(--muted);font-size:10px;line-height:1.8}.strip-help{display:flex;align-items:center;gap:10px;justify-content:space-between}.strip-help button{font-size:10px;white-space:nowrap}.photo-print-area .box-ink{cursor:ew-resize}.box-ink:focus-visible{outline-offset:0}.drag-hint{top:2px;font-size:9px;padding:1px 8px}.plaque-close .scene-tag{pointer-events:none}
#zoom-stage>.scene{aspect-ratio:1.55}#review-dialog .review-artwork{aspect-ratio:1200/860;max-height:none}.review-back{font:inherit;line-height:1.5;padding:12px 20px}
@media(max-width:700px){#card-base>.scene{aspect-ratio:1.25}.preview-panel{position:relative;top:auto}.keyboard-open .preview-grid{grid-template-columns:1fr}.keyboard-open #card-base>.scene{aspect-ratio:1.4}.keyboard-open .notebook-pair .scene-tag{display:block}.part-field input,.font-select{scroll-margin-top:16px}#zoom-stage>.scene{aspect-ratio:1.05}.preview-footnote{font-size:10px}}

/* Keep the close-up readable on phones without changing the real engraving size. */
.engraved-text{display:block;text-shadow:none;filter:none}.notebook-pair{grid-template-rows:minmax(0,2.5fr) minmax(110px,1fr)}.notebook-pair>.plaque-close{background:#faf8f5}.plaque-close .scene-tag{bottom:3px}.drag-hint{top:3px;bottom:auto;height:auto}.notebook-pair .scene-tag{font-size:10px}
@media(max-width:700px){#card-base>.scene{aspect-ratio:1.08}.notebook-pair{grid-template-rows:minmax(0,2fr) minmax(110px,1fr)}.keyboard-open #card-base>.scene{aspect-ratio:1.08}}