.sandbox{padding-top:48px;padding-bottom:64px}.sandbox h1{font-size:clamp(32px,4vw,52px)}.sandbox h2{font-size:26px;letter-spacing:-.025em}.sandbox h3{font-size:19px}.sandbox p{max-width:90ch}.sandbox-warning{background:var(--lime);border-left:4px solid var(--ink);padding:20px 24px;border-radius:6px}.sandbox-warning p{margin:8px 0 0;font-size:14px}.sandbox-intake,.sandbox-export{padding:32px 0}.sandbox-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.sandbox button:disabled{opacity:.55;cursor:not-allowed;transform:none}.sandbox .button{min-height:44px;padding:10px 16px;gap:12px}.sandbox #drop-zone{padding:20px;background:white;border:2px dashed #8ca58e;border-radius:8px;margin:18px 0}.sandbox #drop-zone.dragging{background:var(--lime)}.sandbox #drop-zone label{display:block;font-weight:650;margin-bottom:12px}.sandbox input[type=file]{max-width:100%;font-size:14px}.sandbox #file-help{font-size:13px;margin:10px 0 0}.sandbox details{margin:14px 0}.sandbox summary{cursor:pointer;font-weight:600}.sandbox #error{color:#8a2b10;white-space:pre-line}.sample-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sandbox table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.sandbox th,.sandbox td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.sandbox caption{text-align:left;font-weight:600;padding:12px}.sandbox .table-scroll{border:1px solid var(--line);border-radius:8px;background:white;margin:20px 0}.sandbox td small{display:block}.sandbox .record-select{background:none;border:0;text-decoration:underline;text-underline-offset:3px;color:var(--ink);font:inherit;text-align:left;padding:0;overflow-wrap:anywhere}.sandbox tr.selected{background:#eff6dd}.review-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.source-pane,.fields-pane{background:white;border:1px solid var(--line);padding:20px;border-radius:10px;min-width:0}.source-pane{position:sticky;top:96px}.source-pane img{width:100%;height:auto;border:1px solid var(--line)}.source-pane pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-grid label{font-size:13px;font-weight:650;display:block}.field-grid input{width:100%;min-height:44px;padding:8px;border:1px solid #83998c;border-radius:5px;color:var(--ink);background:white}.field-grid small{display:block;font-size:11px;overflow-wrap:anywhere;color:var(--muted);font-weight:400}.field-grid input[aria-invalid=true]{border:2px solid #a9581a}.sandbox #method,.sandbox #matching{font-size:13px}.exception{border-left:3px solid #b66a1d;padding:12px;background:#fff6e6;margin:12px 0;font-size:13px}.exception.resolved{border-color:#467b37;background:#f0f5e8}.exception p{margin:0 0 8px}.exception textarea{display:block;width:100%;min-height:60px;font:inherit;padding:8px}.exception button{margin-top:8px;font:inherit;padding:6px 12px}.sandbox #review-state{font-weight:650}.sandbox-export{border-top:1px solid var(--line);margin-top:30px}.sandbox #export-summary{overflow-wrap:anywhere}.sandbox #source-title{overflow-wrap:anywhere}@media(max-width:760px){.review-workspace,.reference-grid{grid-template-columns:1fr}.source-pane{position:static}.sandbox{padding-top:28px}.sandbox-warning,.source-pane,.fields-pane{padding:16px}.sandbox th,.sandbox td{padding:10px;min-width:95px}.field-grid{gap:10px}.sandbox .button{font-size:13px}.sandbox-intake p,.sandbox-export p{font-size:14px}.sandbox .table-scroll table{min-width:680px}}@media(prefers-reduced-motion:reduce){.sandbox *{scroll-behavior:auto;transition:none}}
