/* Phase 3 client image workflows — isolated new tools */
.p3-tool .preview-grid{display:grid;grid-template-columns:1fr;gap:12px}.p3-tool .preview-box{min-height:250px}.p3-tool #p3-canvas{max-width:100%;max-height:500px;display:block;margin:auto;object-fit:contain;cursor:crosshair;touch-action:manipulation}.p3-tool #p3-canvas[hidden],.p3-tool #p3-preview[hidden]{display:none}.p3-tool .p3-details{white-space:pre-wrap;overflow-wrap:anywhere;font:0.8rem ui-monospace,monospace;max-height:200px;overflow:auto}.p3-tool .p3-details:empty{display:none}.p3-tool .actions{flex-wrap:wrap}.p3-tool .fields{align-items:start}.p3-tool input[type=number]{max-width:100%}.p3-tool .p3-preview-note{font-size:.8rem;line-height:1.5;margin:0}.p3-tool .drop.dragging{outline:3px dashed currentColor}