.pf-field{display:grid;gap:.35rem;font-size:.75rem;color:var(--color-text-muted)}.pf-field span{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.pf-field input,.pf-field select{min-height:2.5rem;min-width:0;border-radius:.375rem;border:1px solid var(--color-border-default);background:var(--color-bg-base);color:var(--color-text-primary);padding:.45rem .65rem;outline:none}.pf-field input:focus,.pf-field select:focus{border-color:var(--color-accent-400)}.pf-field input:disabled{cursor:not-allowed;opacity:.68}.pf-grid-shell{position:relative}.pf-case-picker[hidden]{display:none}.pf-case-picker{position:fixed;inset:0;z-index:80}.pf-case-picker-backdrop{position:absolute;inset:0;border:0;background:#0000009e;cursor:default}.pf-case-picker-panel{position:absolute;right:0;top:0;bottom:0;width:min(42rem,100%);overflow-y:auto;border-left:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);padding:1.25rem;box-shadow:-18px 0 48px #0000005c}.pf-case-option{display:grid;width:100%;gap:.55rem;border-radius:.5rem;border:1px solid var(--color-border-subtle);background:var(--color-bg-overlay);padding:1rem;text-align:left;transition:border-color .15s ease,background-color .15s ease}.pf-case-option:hover,.pf-case-option[aria-pressed=true]{border-color:var(--color-accent-400);background:color-mix(in srgb,var(--color-accent-500) 8%,var(--color-bg-overlay))}.pf-case-option-code{color:var(--color-accent-300);font:700 .78rem/1.35 var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);overflow-wrap:anywhere}.pf-case-option-title{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.pf-case-option-signal{color:var(--color-text-secondary);font-size:.85rem;line-height:1.55}.pf-case-badges{display:flex;flex-wrap:wrap;gap:.35rem}.pf-case-badge{border-radius:999px;border:1px solid var(--color-border-subtle);color:var(--color-text-muted);font:600 .62rem/1 var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);padding:.28rem .45rem;text-transform:uppercase;letter-spacing:.08em}.pf-navmesh-overlay{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .15s ease}[data-pathforge-workbench][data-navmesh-visual=true] .pf-navmesh-overlay{opacity:1}[data-pathforge-workbench][data-navmesh-visual=true] .pf-grid{opacity:.82}.pf-nav-region{fill:#3bc77b24;stroke:#74e6a2bd;stroke-width:1.8}.pf-nav-region-muted{fill:#e7a64214;stroke:#e7a64294;stroke-dasharray:4 3}.pf-nav-gap{fill:#b9352a29;stroke:#f0a057c7;stroke-width:1.4;stroke-dasharray:3 2}.pf-nav-radius-pass{fill:#3bc77b2e;stroke:#74e6a2e6;stroke-width:1.5}.pf-nav-radius-fail{fill:#b9352a2e;stroke:#f0a057f2;stroke-width:1.8}.pf-nav-connector{stroke:#f0a057e6;stroke-width:2;stroke-linecap:round;stroke-dasharray:4 4}.pf-sync-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.pf-sync-timeline[hidden]{display:none}.pf-sync-step{min-height:2.4rem;border-radius:.375rem;border:1px solid var(--color-border-subtle);display:grid;align-content:center;gap:.15rem;padding:.45rem .55rem;background:var(--color-bg-overlay)}.pf-sync-step strong{color:var(--color-text-primary);font:700 .68rem/1.2 var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);text-transform:uppercase;letter-spacing:.08em}.pf-sync-step span{color:var(--color-text-muted);font-size:.72rem}.pf-sync-step[data-state=pass]{border-color:#74e6a26b}.pf-sync-step[data-state=fail]{border-color:#f0a05794;background:#b9352a1a}.pf-grid{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));aspect-ratio:14 / 10;gap:2px;cursor:crosshair}.pf-cell{position:relative;min-width:0;min-height:0;border:1px solid color-mix(in srgb,var(--color-border-subtle) 78%,transparent);background:#15191f;color:var(--color-text-primary);font:700 .78rem/1 var(--font-sans, system-ui);display:grid;place-items:center;cursor:crosshair}.pf-cell[data-ghost=blocked]:before,.pf-cell[data-ghost=terrain]:before{content:"";position:absolute;inset:2px;z-index:0;border-radius:.2rem;pointer-events:none}.pf-cell[data-ghost=blocked]:before{border:1px dashed rgba(240,160,87,.9);background:repeating-linear-gradient(-45deg,rgba(240,160,87,.18) 0,rgba(240,160,87,.18) 4px,transparent 4px,transparent 8px)}.pf-cell[data-ghost=terrain]:before{border:1px dashed rgba(116,230,162,.55);background:repeating-linear-gradient(-45deg,rgba(36,50,71,.42) 0,rgba(36,50,71,.42) 4px,transparent 4px,transparent 8px)}.pf-agent-runner{position:absolute;left:0;top:0;z-index:5;display:grid;place-items:center;width:var(--pf-cell-w, 2rem);height:var(--pf-cell-h, 2rem);border-radius:999px;background:#3bc77b;color:#06100c;font:800 .8rem/1 var(--font-sans, system-ui);opacity:0;pointer-events:none;transform:translate(0);transition:transform .15s ease,opacity .12s ease}.pf-agent-runner[data-visible=true]{opacity:1}.pf-cell:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:-2px}.pf-cell[data-kind=blocked]{background:#7f261d}.pf-cell[data-kind=path]{background:#204237;box-shadow:inset 0 0 0 1px #3bbf79}.pf-cell[data-kind=invalidated]{background:#68231d;box-shadow:inset 0 0 0 1px #e45648}.pf-cell[data-kind=searched]{background:#1b2d2c}.pf-cell[data-active=true]{box-shadow:inset 0 0 0 2px #74e6a2}.pf-cell[data-kind=fail]{background:#b9352a;box-shadow:inset 0 0 0 2px #f0a057}.pf-cell[data-pulse=true]{animation:pf-fail-pulse .7s ease-in-out 2}.pf-cell[data-kind=terrain]{background:#243247}.pf-cell[data-agent=true]:after,.pf-cell[data-goal=true]:after{width:min(72%,2rem);height:min(72%,2rem);border-radius:999px;display:grid;place-items:center;color:#06100c;font-weight:800}.pf-cell[data-agent=true]:after{content:"A";background:#3bc77b}.pf-cell[data-goal=true]:after{content:"G";background:#e7a642}[data-pathforge-workbench][data-running=true] .pf-cell[data-agent=true]:after,[data-pathforge-workbench][data-agent-overlay=true] .pf-cell[data-agent=true]:after{content:none}.pf-key{display:inline-block;width:.8rem;height:.8rem;border-radius:.2rem;border:1px solid var(--color-border-subtle)}.pf-key-agent{background:#3bc77b}.pf-key-goal{background:#e7a642}.pf-key-blocked{background:#7f261d}.pf-key-terrain{background:#243247}.pf-key-searched{background:#1b2d2c}.pf-key-path{background:#204237}.pf-key-ghost{background:repeating-linear-gradient(-45deg,rgba(240,160,87,.3) 0,rgba(240,160,87,.3) 3px,transparent 3px,transparent 6px);border-style:dashed;border-color:#f0a057e6}[data-checklist] li[data-active=true]{border-color:color-mix(in srgb,var(--color-accent-400) 48%,var(--color-border-subtle));background:color-mix(in srgb,var(--color-accent-500) 9%,transparent)}@keyframes pf-fail-pulse{0%,to{box-shadow:inset 0 0 0 2px #f0a057}50%{box-shadow:inset 0 0 0 4px #ffd38a}}@media(max-width:767px){.pf-case-picker-panel{width:100%;border-left:0;padding:1rem}}@media(prefers-reduced-motion:reduce){.pf-agent-runner{transition:none}.pf-cell[data-pulse=true]{animation:none}}