/* Styles for the NEW tools (page grids, signature pad, etc.). Loaded by the new tool pages only. */
.rd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.rd-card{border:1px solid var(--border);border-radius:8px;background:#fff;padding:6px;display:flex;flex-direction:column;gap:6px;cursor:grab}
.rd-card.rd-del{opacity:.45}
.rd-card.rd-drag{outline:2px dashed var(--primary)}
.rd-thumb{height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f1f1f1;border-radius:4px}
.rd-thumb img{max-width:100%;max-height:100%;transition:transform .15s}
.ps-pad{width:100%;height:auto;border:1px dashed var(--primary);border-radius:8px;background:#fff;touch-action:none;cursor:crosshair}
.ps-view{max-width:100%;height:auto;border:1px solid var(--border);touch-action:none;cursor:crosshair;background:#fff}
.ic-stage canvas{max-width:100%;height:auto;touch-action:none;cursor:crosshair;border:1px solid var(--border)}
.sc-video{width:100%;max-height:60vh;background:#000;border-radius:8px}
.jt-out-area{font-family:monospace;font-size:13px}
.jt-letter{background:#fff;border:1px solid var(--border);border-radius:8px;padding:18px;white-space:pre-wrap;line-height:1.6;min-height:200px}
.ts-paper{background:#e9ecef;padding:10px;text-align:center;border:1px solid var(--border);overflow:auto}
.ts-paper canvas{max-width:100%;height:auto;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.ts-row{display:flex;gap:8px;align-items:center;border:1px solid var(--border);border-radius:8px;background:#fff;padding:6px 8px;margin-bottom:6px}
.ts-row .ts-txt{flex:1;min-width:0}
.ts-row .ts-sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ts-row input[type=number]{width:72px}