/* Developer tools (dev-) */
.dev-mono, .fld textarea.dev-mono, .fld input.dev-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; font-size: .9rem; }
.dev-code { margin: 0; padding: 14px 16px; border-radius: 14px; background: #f6f8fb; border: 1px solid var(--border); color: #1f2937; font: .86rem/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; overflow: auto; max-height: 360px; tab-size: 4; white-space: pre; }
.dev-code.dev-tall { max-height: 560px; }
.dev-code.dev-wrap { white-space: pre-wrap; word-break: break-all; }
.dev-code.dev-pat { padding: 8px 14px; color: #6d28d9; white-space: pre-wrap; word-break: break-all; }
.dev-code .dev-k { color: #6d28d9; }
.dev-code .dev-s { color: #047857; }
.dev-code .dev-n { color: #b45309; }
.dev-code .dev-b { color: #1d4ed8; font-weight: 600; }
.dev-code .dev-nl { color: #9ca3af; font-style: italic; }
.dev-code .dev-ln { color: #9ca3af; }
.dev-code .dev-err { color: #dc2626; font-weight: 800; }
.dev-mark { background: #fde68a; color: inherit; border-radius: 3px; box-shadow: 0 0 0 1px #f59e0b; padding: 0 1px; }
.dev-mark:nth-of-type(even) { background: #bfdbfe; box-shadow: 0 0 0 1px #60a5fa; }
.dev-muted { color: var(--muted); font-weight: 400; }
.dev-gap { margin: 2px 0; }
.dev-rows dd { word-break: break-word; min-width: 0; }
.dev-rows dd small { color: var(--muted); font-weight: 500; }
.dev-rows dd code, .dev-table code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .86rem; }
.dev-rows dd .icon-btn { width: 30px; height: 30px; margin-left: 8px; vertical-align: middle; border-radius: 9px; }
.dev-table th, .dev-table td { padding: 9px 12px; }
.dev-table td { white-space: normal; overflow-wrap: anywhere; min-width: 2.5em; }
.dev-uuids code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .01em; }
.dev-hashes li { align-items: flex-start; }
.dev-hashes span { width: 60px; flex: none; padding-top: 2px; }
.dev-hashes code { flex: 1 1 0; min-width: 0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .84rem; word-break: break-all; }
.dev-hashes .icon-btn { flex: none; width: 32px; height: 32px; border-radius: 9px; }
.dev-hashes li.dev-hit { background: #ecfdf5; box-shadow: inset 0 0 0 1px #10b981; }
.dev-src { margin: 0; }
.dev-src .link-btn { margin-left: 6px; }
.dev-now { position: relative; padding: 18px 20px; border-radius: 18px; background: linear-gradient(135deg, #334155, #0f172a); color: #fff; }
.dev-now b { display: block; font: 800 clamp(1.7rem, 4vw, 2.3rem)/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: -.01em; }
.dev-now span { display: block; font-size: .85rem; opacity: .85; font-weight: 600; margin-top: 2px; }
.dev-now small { display: block; font-size: .8rem; opacity: .75; margin-top: 4px; }