:root{--bg: #f3f4f6;--surface: #ffffff;--surface-muted: #f8fafc;--text: #334155;--text-soft: #64748b;--text-strong: #0f172a;--line: #dbe2ea;--primary: #2563eb;--primary-soft: #eff6ff;--success: #166534;--success-soft: #ecfdf5;--success-border: #86efac;--danger-soft: #fef2f2;--danger-border: #fca5a5;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;color:var(--text);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text)}img{display:block;max-width:100%}button,input,textarea{font:inherit}h1,h2,h3{margin:0;color:var(--text-strong);font-weight:700}h1{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}h2{font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.25}p{margin:0}a{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:#dbeafe}.app-shell{max-width:1400px;margin:0 auto;min-height:100svh;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.app-header__title{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700;color:var(--text-strong)}.phase-track{display:flex;flex-wrap:wrap;gap:8px}.phase-pill{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text-soft);font-size:.875rem}.phase-pill--active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.app-main,.import-screen,.review-screen,.export-screen,.field-card,.control-card,.control-card__section{display:flex;flex-direction:column;gap:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px}.panel--compact{padding-block:12px}.panel--supporting{background:var(--surface-muted)}.panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.eyebrow{margin:0;font-size:.8125rem;font-weight:600;color:var(--text-soft)}.support-copy,.lede{color:var(--text-soft);line-height:1.45}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:.875rem}.pill--subtle{color:var(--text-soft)}.field-label{display:inline-block;font-weight:600;color:var(--text-strong);margin-bottom:8px}.json-input{width:100%;min-height:320px;padding:12px;resize:vertical;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-family:var(--font-mono);font-size:14px;line-height:1.5}.import-actions,.export-actions,.review-screen__topbar-actions,.control-card__summary{display:flex;flex-wrap:wrap;gap:10px}.button,.review-action,.direction-button{min-height:44px;padding:10px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--text-strong);font-weight:600;cursor:pointer;touch-action:manipulation}.button:disabled,.review-action:disabled,.direction-button:disabled{opacity:.55;cursor:not-allowed}.button--primary{border-color:var(--primary);background:var(--primary);color:#fff}.button--secondary{background:#fff}.button--ghost{background:var(--surface-muted);color:var(--text)}.file-picker{position:relative;overflow:hidden}.file-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.error-panel{border:1px solid var(--danger-border);background:var(--danger-soft);border-radius:8px;padding:12px}.error-panel h3{margin:0 0 8px;font-size:1rem}.error-panel ul,.schema-list{margin:0;padding-left:18px;display:grid;gap:8px}.review-screen__topbar,.review-screen__footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.review-screen__layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:16px;align-items:start}.field-card__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.match-time{display:flex;align-items:flex-end;gap:6px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1;color:var(--text-strong)}.match-time span{font-size:clamp(1rem,2vw,1.5rem);color:var(--text-soft)}.status-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--surface-muted);color:var(--text-soft);border:1px solid var(--line)}.status-badge--ready{background:var(--success-soft);color:var(--success);border-color:var(--success-border)}.field-view{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;aspect-ratio:3901 / 1583;background:#d7d7d7}.field-view__image,.field-view__veil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.field-view__image{object-fit:cover}.field-view__veil{background:#ffffff0d;pointer-events:none}.field-view__velocity{position:absolute;height:4px;border-radius:999px;background:#2563eb;transform-origin:left center}.field-view__velocity:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #2563eb}.field-view__robot{position:absolute;border:2px solid #ffffff;border-radius:6px;background:#f59e0b;box-shadow:0 0 0 1px #00000026}.field-view__robot:before{content:"";position:absolute;top:18%;right:24%;bottom:18%;left:24%;border-radius:4px;background:#0000002e}.field-view__robot:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #ffffff}.field-view__legend{position:absolute;left:10px;bottom:10px;max-width:min(34ch,70%);padding:6px 8px;border-radius:6px;background:#ffffffeb;border:1px solid rgba(0,0,0,.1);color:#222;font-size:12px;line-height:1.35}.telemetry-grid,.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card,.summary-card{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.stat-card span,.summary-card span{display:block;margin-bottom:6px;color:var(--text-soft);font-size:.875rem}.stat-card strong,.summary-card strong{color:var(--text-strong);font-size:1rem;line-height:1.4}.summary-card strong{font-size:1.5rem}.action-stack,.direction-grid{display:grid;gap:10px}.action-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.review-action{width:100%;text-align:left;background:#fff}.review-action[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft)}.review-action--success[aria-pressed=true]{border-color:var(--success-border);background:var(--success-soft)}.review-action--danger[aria-pressed=true]{border-color:var(--danger-border);background:var(--danger-soft)}.direction-trigger{width:100%}.progress-meter{flex:1;max-width:280px;height:10px;border-radius:999px;background:var(--surface-muted);border:1px solid var(--line);overflow:hidden}.progress-meter__fill{display:block;height:100%;background:var(--primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#00000059}.modal-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}@media (max-width: 960px){.review-screen__layout{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell{padding-inline:12px}.app-header,.review-screen__topbar,.review-screen__footer,.panel__header{flex-direction:column;align-items:stretch}.telemetry-grid,.summary-grid,.action-pair,.direction-grid{grid-template-columns:1fr}.json-input{min-height:260px}.field-card__meta{flex-direction:column}.progress-meter{max-width:none;width:100%}}