:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2528;background:#f5f2ec;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1f2528;--muted: #687076;--paper: #fffdf8;--line: #d8d2c6;--accent: #006d77;--accent-strong: #074f57;--amber: #a05a00;--berry: #8a2950;--danger: #a13d3d}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);min-height:100svh}.left-rail{background:#243036;color:#f9f6ee;padding:22px;display:flex;flex-direction:column;gap:18px;min-height:100svh}.brand-block{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:#d9b44a;color:#1f2528;border-radius:8px}.brand-block h1{font-size:22px;line-height:1.1;margin:0}.brand-block p,.muted{margin:3px 0 0;color:#aeb8ba}.input-panel,.rail-panel{display:grid;gap:12px}label{display:grid;gap:6px}label span,.panel-title,.eyebrow{font-size:12px;text-transform:uppercase;color:#b9c2c4}input,textarea,select{border:1px solid var(--line);border-radius:6px;padding:10px 11px;background:var(--paper);color:var(--ink)}textarea{min-height:260px;resize:vertical;line-height:1.55}.primary-action,.toggle-button,.icon-button{border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;min-height:38px}.primary-action{background:var(--accent);color:#fff;padding:0 14px;font-weight:700}.primary-action:hover,.icon-button.primary:hover{background:var(--accent-strong)}.icon-button{width:38px;height:38px;color:var(--ink);background:#ebe5d8}.icon-button.primary{color:#fff;background:var(--accent)}.icon-button.danger{color:#fff;background:var(--danger)}button:disabled{opacity:.55;cursor:not-allowed}.panel-title{display:flex;align-items:center;gap:8px}.setting-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:8px}.setting-row strong{color:#fff}.export-panel pre{min-height:140px;max-height:280px;overflow:auto;padding:12px;margin:0;background:#00000038;border-radius:6px;color:#f3efe4;white-space:pre-wrap;font-size:12px}.workspace{min-width:0;padding:22px}.top-bar{position:sticky;top:0;z-index:4;background:#f5f2ecf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 0 18px}.mode-chip,.type-chip,.priority-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700}.mode-chip{margin-right:10px;background:#dce7e4;color:var(--accent-strong)}.mode-chip.real{background:#f5dfc1;color:var(--amber)}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toggle-button{padding:0 10px;background:#ebe5d8;color:var(--ink)}.toggle-button.active{background:var(--ink);color:#fff}.paragraph-stack{display:grid;gap:18px}.paragraph-card,.empty-state{background:var(--paper);border:1px solid var(--line);border-radius:8px}.paragraph-card{padding:18px}.paragraph-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:16px}.paragraph-header p{margin:8px 0 0;line-height:1.72}.paragraph-actions,.node-actions,.feedback-buttons{display:flex;gap:7px;flex-wrap:wrap}.tree-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:18px;padding-top:16px}.qa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.qa-header h2,.inspector-panel h3,.empty-state h2{margin:0}.qa-tree{display:grid;gap:10px}.qa-node{border-left:3px solid #d8a83f;padding-left:12px}.qa-node summary{list-style:none;min-height:42px;display:grid;grid-template-columns:18px minmax(0,1fr) auto auto;align-items:center;gap:8px;cursor:pointer;background:#f3eee4;border-radius:6px;padding:7px 9px}.qa-node summary::-webkit-details-marker{display:none}.question-text{font-weight:750;overflow-wrap:anywhere}.type-chip{color:var(--accent-strong);background:#dce7e4}.priority-chip{color:var(--berry);background:#f3dbe6}.node-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px;padding:9px 0}.answer-blocks{display:grid;gap:10px;padding:12px;background:#fbf8f0;border:1px solid #e5ddcf;border-radius:8px}.short-answer p,.explanation-block p,.boundary-line span,.warning-line span{line-height:1.55}.short-answer p{margin:5px 0 0}.explanation-grid{display:grid;gap:8px}.explanation-block{border-top:1px solid #e1dacd;padding-top:8px}.explanation-block span{color:var(--accent);font-size:12px;font-weight:800}.explanation-block p{margin:3px 0 0}.boundary-line,.warning-line{display:flex;gap:8px;align-items:flex-start}.warning-line{color:var(--amber)}.seed-row{display:flex;flex-wrap:wrap;gap:7px}.seed-row button{border:1px solid #cfd9d7;background:#edf6f4;color:var(--accent-strong);border-radius:6px;padding:7px 9px;cursor:pointer}.children{display:grid;gap:10px;margin-top:12px}.side-panels{display:grid;gap:12px;align-content:start}.inspector-panel{border:1px solid var(--line);border-radius:8px;padding:13px;background:#f9f5ed}.source-row{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid var(--line)}.source-row div{display:grid;gap:4px}.source-row span,.source-row small{color:var(--muted);font-size:12px}.metric-row{display:grid;grid-template-columns:82px minmax(80px,1fr) 34px;gap:9px;align-items:center;padding:7px 0}meter{width:100%;height:9px}.busy-line,.error-line,.not-run,.empty-state{padding:14px;border-radius:8px}.busy-line{color:var(--accent-strong);background:#dce7e4;margin-bottom:14px}.error-line{color:#fff;background:var(--danger);margin-bottom:14px}.not-run{color:var(--muted);background:#f0eadf;margin-top:14px}.not-run.small{padding:9px}.empty-state{min-height:360px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.left-rail{min-height:auto}.tree-layout,.paragraph-header{grid-template-columns:1fr}.top-bar{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.workspace,.left-rail{padding:14px}.qa-node summary{grid-template-columns:18px minmax(0,1fr)}.type-chip,.priority-chip{width:max-content}}
