/* Phase 2 controls reuse the site's emerald and metallic design tokens. */
.redact-intro,.redact-warning{font-size:13px;line-height:1.7;padding:12px 15px;border-radius:12px;margin-bottom:14px}
.redact-intro{background:rgba(181,239,119,.08);border:1px solid rgba(181,239,119,.24);color:#b9dfad}
.redact-warning{background:rgba(175,70,70,.09);border:1px solid rgba(187,77,77,.35);color:#e3bcb9;margin-top:14px}
.redact-canvas-shell{margin:14px auto;max-width:100%;position:relative;line-height:0;display:table;min-width:min(100%,160px);user-select:none;touch-action:none}
.redact-canvas-shell img{max-width:100%;width:auto;height:auto;max-height:650px;object-fit:contain;display:none;border-radius:6px;box-shadow:0 9px 35px #0008}
.redact-canvas-shell canvas{position:absolute;top:0;left:0;display:none;cursor:crosshair;touch-action:none}
.redact-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.redact-actions .mini-action{padding:9px 12px;border-radius:9px;cursor:pointer;border:1px solid #45705a;background:#122920;color:#d9e7da;font:inherit;font-size:12px}
.redact-actions .mini-action:hover{border-color:#b5ef77}
#redactPage{max-width:240px}
@media(max-width:560px){.redact-canvas-shell img{max-height:460px}.redact-actions{justify-content:stretch}}
