/* Scoped to the existing postcard sheet and temporary canvas overlay. */
#adjust-panel .weight-color-row button,#adjust-panel .gradient-settings button,.lettering-overlay button{-webkit-tap-highlight-color:transparent}
#adjust-panel .lettering-label{font-size:12px;font-weight:550;margin:0 0 9px;line-height:18px}
#adjust-panel #font-current{margin:0 0 16px;font-size:12px;line-height:18px;overflow-wrap:anywhere}
#adjust-panel .weight-color-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px;align-items:start;margin-bottom:18px}
#adjust-panel .weight-control,#adjust-panel .color-control{min-width:0}
#adjust-panel .color-control{text-align:right}
#adjust-panel .font-weights{display:flex;flex-wrap:nowrap;gap:3px;margin:0;min-height:40px;align-items:center}
#adjust-panel .font-weights button{flex:1;min-width:0;min-height:40px;padding:5px 2px;font-size:11px;white-space:nowrap}
#adjust-panel .font-weights button[aria-pressed=true],#adjust-panel .gradient-directions button[aria-pressed=true]{color:#30382a;background:#e8eddf;border-color:#a4ae8d}
#adjust-panel .color-compact{min-height:40px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px}
#adjust-panel .color-compact .segmented{margin:0;min-height:40px;flex:1;min-width:0;gap:1px;padding:2px}
#adjust-panel .color-compact .segmented button{font-size:10px;min-height:38px;padding:5px 3px;white-space:nowrap}
#adjust-panel .color-compact .segmented button[aria-pressed=true],#adjust-panel .gradient-settings .segmented button[aria-pressed=true]{background:#e8eddf;color:#30382a;box-shadow:none}
#adjust-panel input[type=color]{width:32px;height:36px;min-height:36px;border:1px solid #dfe2d5;border-radius:7px;padding:2px;cursor:pointer;flex:none;background:#fff}
#adjust-panel .gradient-settings{padding:12px;background:#f8f8f3;border:1px solid #eaecdf;border-radius:10px;margin-bottom:20px}
#adjust-panel .gradient-colors{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
#adjust-panel .gradient-colors label{display:flex;align-items:center;gap:8px;margin:0;font-size:12px}
#adjust-panel .gradient-presets{display:flex;gap:12px;margin-bottom:16px}
#adjust-panel .gradient-presets button{width:38px;min-height:38px;border-radius:50%;padding:0;border:2px solid #fff;outline:1px solid #dbdfcf}
#adjust-panel .gradient-presets button[aria-pressed=true]{outline:2px solid #657550}
#adjust-panel .gradient-settings .segmented{margin:0 0 10px}
#adjust-panel .gradient-directions{display:flex;gap:5px;margin-bottom:12px}
#adjust-panel .gradient-directions button{flex:1;min-height:40px;padding:6px 8px;font-size:12px}
#adjust-panel .lettering-shape{margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid var(--line)}
#adjust-panel .lettering-shape .range-label{margin-top:0}
#adjust-panel .word-emphasis{margin:0 0 16px}
#adjust-panel #word-emphasis-status{font-size:12px;line-height:1.6;margin:0;color:#515947;overflow-wrap:anywhere}
#adjust-panel #word-emphasis-candidates{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
#adjust-panel #word-emphasis-candidates:empty{margin:0}
#adjust-panel #word-emphasis-candidates button{min-height:44px;max-width:100%;padding:8px 12px;border:1px solid #dfe2d5;border-radius:8px;background:#fff;color:#30382a;font-size:12px;overflow-wrap:anywhere}
#adjust-panel #word-emphasis-candidates button[aria-pressed=true]{background:#e8eddf;border-color:#a4ae8d}
#adjust-panel .lettering-arrange{margin:8px 0 20px}
.lettering-overlay{position:absolute;inset:0;z-index:8;pointer-events:none}
.lettering-overlay>svg{position:absolute;width:100%;height:100%;overflow:visible}
.lettering-overlay line{stroke:#4f5e41;stroke-width:2;stroke-dasharray:5 4;filter:drop-shadow(0 0 1px white)}
.gradient-handle{position:absolute;width:44px;height:44px;min-height:44px;padding:0;transform:translate(-50%,-50%);border-radius:50%;border:3px solid white;outline:1px solid #657550;pointer-events:auto;touch-action:none}
.gradient-handle:focus-visible{outline:3px solid #303c24}
.lettering-mode-bar{position:absolute;top:10px;right:10px;max-width:calc(100% - 105px);display:flex;gap:8px;align-items:center;padding:4px 6px 4px 12px;border:1px solid #dfe5d3;border-radius:10px;background:#fffef8;pointer-events:auto;font-size:11px}
.lettering-mode-bar button{min-height:40px;padding:6px 12px;white-space:nowrap;background:#e8eddf}
#canvas-viewport[data-lettering-mode]{cursor:crosshair}
@media(max-width:375px){#adjust-panel .weight-color-row{gap:9px}#adjust-panel .font-weights button{font-size:10px}#adjust-panel .color-compact .segmented button{font-size:10px}}