:root{--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Helvetica Neue,sans-serif;background:#f3f7fc}.app-shell{--bg: #f3f7fc;--bg-accent: #eaf2fb;--surface: #ffffff;--surface-soft: #f8fbff;--border: #dbe5f2;--border-strong: #c7d6e7;--text: #162333;--text-muted: #627387;--text-soft: #7f90a4;--brand: #1f6fa8;--brand-strong: #0f5d92;--brand-soft: #e8f3fc;--danger: #b02b40;--danger-soft: #ffe9ed;--warn: #ab6200;--warn-soft: #fff3df;--ok: #1c7d49;--ok-soft: #e3f8ec;--row-alt: #f8fbff;--shadow: 0 8px 22px rgba(17, 39, 66, .08);--shadow-soft: 0 2px 10px rgba(17, 39, 66, .06);color:var(--text);background:radial-gradient(1100px 400px at 16% -10%,var(--bg-accent) 0%,transparent 65%),linear-gradient(180deg,var(--bg) 0%,#eff4fa 100%);min-height:100vh;max-width:none;width:100%;margin:0;padding:22px 26px}.app-shell.theme-dark{--bg: #0d141c;--bg-accent: #182838;--surface: #121d29;--surface-soft: #182534;--border: #25374a;--border-strong: #2f455c;--text: #e8f0f8;--text-muted: #9bb0c5;--text-soft: #8297ac;--brand: #66b0ee;--brand-strong: #8ac4f4;--brand-soft: #14314a;--danger: #f08698;--danger-soft: #3a1f27;--warn: #e8b068;--warn-soft: #362a18;--ok: #7fd0a1;--ok-soft: #173227;--row-alt: #152230;--shadow: 0 10px 24px rgba(0, 0, 0, .4);--shadow-soft: 0 2px 10px rgba(0, 0, 0, .22);background:radial-gradient(1000px 350px at 16% -8%,rgba(49,93,137,.25) 0%,transparent 65%),linear-gradient(180deg,#0a1118 0%,var(--bg) 100%)}.app-header{position:sticky;top:0;z-index:40;padding:8px 0 10px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.brand-banner{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft);color:var(--text);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;appearance:none;-webkit-appearance:none;outline:none}.brand-banner:hover{background:var(--surface-soft)}.brand-banner:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent),var(--shadow-soft)}.brand-line{display:flex;align-items:center;gap:10px}.mode-toggle{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft);-webkit-user-select:none;user-select:none}.mode-toggle input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.mode-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft);transition:color .2s ease}.mode-label.active{color:var(--text)}.mode-slider{width:38px;height:20px;border-radius:999px;position:relative;background:color-mix(in srgb,var(--brand-soft) 66%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 24%,var(--border));transition:background .25s ease,border-color .25s ease}.mode-slider:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .25s ease}.mode-toggle input:checked+.mode-slider{background:color-mix(in srgb,var(--brand) 84%,#fff 16%);border-color:color-mix(in srgb,var(--brand) 55%,var(--border))}.mode-toggle input:checked+.mode-slider:after{transform:translate(18px)}.brand-tagline{font-size:13px;font-weight:600;margin:0;color:var(--text-soft)}.theme-switch{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:8px 12px;min-width:104px;box-shadow:var(--shadow-soft)}.panel{margin-top:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-soft)}.section-card{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d;overflow:hidden;border:1px solid var(--border)}.section-header{background:#fff;padding:16px 18px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:background .2s ease}.section-header:hover{background:#f5f5f5}.section-header.expanded{border-bottom:1px solid #e5e7eb}.section-body{padding:16px}.first-accordion{margin-top:24px}.section-major{margin-top:20px}.chevron{display:inline-block;transition:transform .2s ease}.chevron.rotated{transform:rotate(90deg)}.panel h2{margin:0 0 12px;font-size:20px}.input-panel textarea{width:100%;border:1px solid color-mix(in srgb,var(--brand) 16%,var(--border));border-radius:var(--radius-md);padding:12px;font-family:Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.45;resize:vertical;background:color-mix(in srgb,var(--surface-soft) 70%,var(--surface));color:var(--text);box-shadow:inset 0 1px #ffffff59}.plan-input-container{border-radius:var(--radius-md);transition:box-shadow .2s ease}.plan-input-container.valid-json-plan{box-shadow:0 0 0 2px #10b98166,0 4px 16px #10b98126}.plan-input-container.valid-text-plan{box-shadow:0 0 0 2px #f59e0b66,0 4px 16px #f59e0b26}.plan-input-container.invalid-input{box-shadow:0 0 0 2px #ef444480,0 4px 16px #ef444433}.input-warning{border-radius:12px;padding:12px;margin-bottom:16px;font-size:13px;line-height:1.4}.warning-yellow{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.warning-green{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.warning-red{background:#fef2f2;border:1px solid #fca5a5;color:#7f1d1d}.sticky-header-warning{margin:8px 0 0}.input-panel textarea:focus,input:focus{outline:2px solid transparent;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.input-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.sample-btn{border:1px solid #d1d5db;background:#fff;color:#374151;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:none;font-size:13px}.sample-btn:hover{background:#f3f4f6;filter:none}.input-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,var(--brand-soft)) 0%,var(--surface) 100%)}.input-panel-header{display:flex;align-items:baseline;justify-content:flex-start;gap:10px;margin-bottom:8px}.input-panel-header span{color:var(--text-muted);font-size:12px}button{border:1px solid color-mix(in srgb,var(--brand) 50%,var(--border-strong));background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 92%,white 8%) 0%,var(--brand-strong) 100%);color:#fff;border-radius:var(--radius-md);padding:8px 12px;font-weight:600;cursor:pointer;box-shadow:0 1px #ffffff1f inset}button:hover{filter:brightness(1.03)}button:disabled{opacity:.55;cursor:not-allowed}.error-banner{margin-top:10px;color:var(--danger)}.controls-panel .control-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.controls-panel label{font-size:13px;color:var(--text-muted)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.summary-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:var(--surface-soft);display:flex;flex-direction:column;gap:8px;min-height:108px}.summary-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.summary-card h3{margin:0;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.summary-card p{margin:0;font-size:22px;font-size:clamp(18px,.6vw + 12px,22px);font-weight:700;line-height:1.18;letter-spacing:-.01em;word-break:normal;overflow-wrap:break-word}.info-dot{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:color-mix(in srgb,var(--brand) 86%,var(--text));background:color-mix(in srgb,var(--brand-soft) 84%,transparent);border:1px solid color-mix(in srgb,var(--brand) 24%,var(--border));cursor:help}.panel-table{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;font-size:13px;min-width:700px}.stats-table th{font-size:11px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-strong);padding:10px 8px}.stats-table td{padding:10px 8px;border-bottom:1px solid var(--border)}.stats-table tbody tr:nth-child(2n){background:var(--row-alt)}.insight-list{display:grid;gap:12px}.insight{border-radius:var(--radius-md);border:1px solid var(--border);padding:12px;background:var(--surface-soft)}.insight-header{display:flex;gap:8px;align-items:center}.insight-header h3{margin:0;font-size:15px}.insight p{margin:8px 0 0;color:color-mix(in srgb,var(--text) 86%,transparent);line-height:1.4}.issue-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:10px;box-shadow:0 2px 6px #0000000d;border:1px solid var(--border);transition:all .2s ease}.issue-card:hover{transform:translateY(-1px)}.issue-card .issue-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.issue-header-main{display:flex;align-items:center;gap:8px;min-width:0}.issue-header-main h3{margin:0;font-size:14px;line-height:1.3}.issue-meta{font-size:13px;color:#6b7280;text-align:right;white-space:nowrap;line-height:1.2}.issue-summary{margin:8px 0 0;font-size:13px;line-height:1.35;color:var(--text-muted)}.insight-expand-btn{margin-top:8px;padding:0;border:0;background:transparent;color:var(--brand);font-size:12px;font-weight:600;box-shadow:none}.issue-expanded{margin-top:8px}.issue-recommendation{background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.insight-recommendation{margin:0;font-size:13px;line-height:1.35}.insight-affected-title{margin-top:8px;font-size:12px;font-weight:600;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em}.issue-node-chips{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.node-pill{display:inline-block;padding:6px 10px;margin:0;border-radius:999px;background:#f3f4f6;font-size:12px;cursor:pointer;transition:all .15s ease;border:1px solid var(--border);color:var(--text);box-shadow:none}.node-pill:hover{background:#e5e7eb;transform:translateY(-1px)}.issue-card.severity-high{border-left:3px solid #dc2626}.issue-card.severity-medium{border-left:3px solid #d97706}.issue-card.severity-low{border-left:3px solid #2563eb}.insight-high{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));background:color-mix(in srgb,var(--danger-soft) 62%,var(--surface-soft))}.insight-medium{border-color:color-mix(in srgb,var(--warn) 35%,var(--border));background:color-mix(in srgb,var(--warn-soft) 62%,var(--surface-soft))}.insight-low{border-color:color-mix(in srgb,var(--ok) 35%,var(--border));background:color-mix(in srgb,var(--ok-soft) 62%,var(--surface-soft))}.category{color:var(--text-muted);font-size:12px}.badge{border-radius:999px;font-size:11px;font-weight:800;padding:3px 8px;display:inline-block}.badge-high{background:var(--danger-soft);color:var(--danger)}.badge-medium{background:var(--warn-soft);color:var(--warn)}.badge-low{background:var(--ok-soft);color:var(--ok)}.tree-node{margin-top:8px}.tree-row{border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 10px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--surface)}.tree-row.high-self{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 35%,transparent)}.tree-row.mismatch{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warn) 35%,transparent)}.tree-row.severity-high{background:color-mix(in srgb,var(--danger-soft) 36%,var(--surface))}.tree-row.severity-medium{background:color-mix(in srgb,var(--warn-soft) 36%,var(--surface))}.toggle{border:1px solid var(--border);background:var(--surface-soft);color:color-mix(in srgb,var(--text) 86%,transparent);width:24px;height:24px;padding:0;border-radius:var(--radius-sm);box-shadow:none}.node-main{min-width:0}.node-title{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.node-action-btn{margin-left:6px;padding:2px 8px;font-size:11px;border-radius:999px;background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 28%,var(--border));color:color-mix(in srgb,var(--brand) 82%,var(--text));box-shadow:none}.node-metrics{font-size:12px;color:var(--text-muted);margin-top:2px;line-height:1.35}.metric{text-align:right;font-weight:700;font-size:13px}.metric-percent{color:var(--text-muted);font-size:12px;font-weight:600}.bar-wrap{margin-top:4px;margin-left:34px;height:7px;background:color-mix(in srgb,var(--brand-soft) 35%,var(--surface-soft));border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--brand) 0%,var(--brand-strong) 100%)}.children{margin-left:22px}.node-flash{animation:flashHighlight 2s ease}@keyframes flashHighlight{0%{background-color:#ffe696cc}to{background-color:transparent}}.execution-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.execution-header h2{margin:0}.execution-actions{display:flex;gap:8px}.tree-actions button{background:transparent;border:1px solid #e5e7eb;color:#374151;font-size:13px;padding:6px 10px;border-radius:6px;transition:all .15s ease;box-shadow:none}.tree-actions button:hover{background:#f3f4f6;filter:none}.show-issues-btn{margin-bottom:16px}.execution-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:8px 0 10px}.execution-controls label{font-size:13px;color:var(--text-muted)}.node-details{margin-left:34px;margin-top:8px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.node-details-summary{font-size:13px;margin-bottom:8px;line-height:1.45}.node-details-columns{font-size:12px;margin-bottom:8px;color:color-mix(in srgb,var(--text) 78%,transparent)}.node-kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:6px 12px}.node-kv-row{font-size:12px;line-height:1.45}.node-kv-empty{font-size:12px;color:var(--text-muted)}.signal-grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.signal-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:8px}.signal-card span{display:block;color:var(--text-muted);font-size:11px;margin-bottom:4px}.signal-card strong{font-size:13px;color:var(--text)}.raw-details{margin-top:10px}.raw-details summary{cursor:pointer;font-size:12px;color:color-mix(in srgb,var(--brand) 85%,var(--text))}.raw-grid{margin-top:8px}.node-insights-list{margin-left:34px;margin-top:8px}.node-insight-card{background:#fff;border-radius:10px;padding:12px;margin-top:8px;box-shadow:0 1px 4px #0000000a;transition:all .2s ease;border:1px solid var(--border)}.node-insight-card:hover{transform:translateY(-1px)}.node-insight-card.severity-high{border-left:3px solid #dc2626}.node-insight-card.severity-medium{border-left:3px solid #d97706}.node-insight-card.severity-low{border-left:3px solid #2563eb}.node-insight-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.node-insight-title{display:flex;align-items:center;gap:8px;min-width:0}.node-insight-title h3{margin:0;font-size:13px;line-height:1.3}.node-insight-meta{font-size:12px;color:#6b7280;white-space:nowrap}.node-insight-summary{margin:8px 0 0;font-size:12px;color:var(--text-muted);line-height:1.35}.node-insight-expanded{margin-top:8px}.node-insight-recommendation{margin:0;padding:8px;border-radius:8px;background:#f8fafc;border:1px solid var(--border);font-size:12px;line-height:1.35}.empty{color:var(--text-muted)}@media(max-width:900px){.app-shell{padding:14px}.header-row{flex-direction:column;align-items:stretch}.brand-line{flex-wrap:wrap}.theme-switch{width:fit-content}.stats-table{min-width:620px}}@media(max-width:700px){.app-shell{padding:10px}.tree-row{grid-template-columns:auto 1fr}.metric{grid-column:2;text-align:left}.signal-grid{grid-template-columns:1fr 1fr}.summary-card p{font-size:20px;font-size:clamp(17px,1.8vw + 10px,20px)}.input-panel-header{flex-direction:column;align-items:flex-start;gap:4px}}