:root{color:#18201f;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(#f4f6f1f0,#ebefe8fa),repeating-linear-gradient(90deg,#31605b14 0 1px,#0000 1px 96px);min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.appShell{width:min(1440px,100%);margin:0 auto;padding:24px}.topBar{justify-content:space-between;align-items:end;gap:18px;min-height:88px;padding:8px 0 22px;display:flex}.eyebrow{color:#61706d;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.74rem;font-weight:700}h1,h2{letter-spacing:0;margin:0}h1{color:#17211f;font-size:4rem;line-height:.96}h2{color:#1d2b28;font-size:1.18rem;line-height:1.15}.runtimeStrip{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.runtimeBadge{color:#43504d;background:#ffffffd9;border:1px solid #cad4cf;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:6px 10px;font-size:.83rem;font-weight:700;display:inline-flex}.runtimeBadge.ready{color:#205d51;border-color:#6eb8a5}.runtimeBadge.error{color:#8c241b;border-color:#cf6b61}.workspace,.detailGrid{grid-template-columns:minmax(340px,.85fr) minmax(420px,1.35fr);gap:16px;display:grid}.detailGrid{grid-template-columns:minmax(420px,1fr) minmax(340px,.72fr);margin-top:16px}.queryPanel,.visualPanel,.resultPanel,.runtimePanel{background:#fffffc;border:1px solid #d4dcd7;border-radius:8px;padding:18px;box-shadow:0 12px 34px #1f2a2714}.panelHeader{justify-content:space-between;align-items:center;gap:14px;min-height:42px;margin-bottom:14px;display:flex}.iconButton,.primaryButton,.sampleButton{border:1px solid #0000;border-radius:8px;transition:background .16s,border-color .16s,transform .16s}.iconButton{color:#2d4f48;background:#edf3ef;place-items:center;width:38px;height:38px;display:inline-grid}.iconButton:hover{background:#dceae3}.queryInput{resize:vertical;color:#e8f1ed;background:#101816;border:1px solid #c8d2ce;border-radius:8px;outline:none;width:100%;min-height:142px;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.95rem;line-height:1.55}.queryInput:focus{border-color:#4f9d8e;box-shadow:0 0 0 3px #4f9d8e2e}.sampleRail{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.sampleButton{color:#42504c;background:#f3f5f0;min-height:34px;padding:7px 10px;font-size:.83rem;font-weight:700}.sampleButton:hover,.sampleButton.active{color:#205d51;background:#e3f0e9;border-color:#78a995}.optionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.toggleControl{color:#35413f;background:#fbfcf8;border:1px solid #d7dfda;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:7px 9px;font-size:.86rem;font-weight:700;display:flex}.toggleControl input{accent-color:#2f8273;width:16px;height:16px}.primaryButton{color:#fff;background:#267968;border-color:#1f6f61;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-weight:800;display:inline-flex}.primaryButton:hover:not(:disabled){background:#1f695b;transform:translateY(-1px)}.counterStack{gap:8px;display:flex}.metric{text-align:right;background:#f7faf5;border:1px solid #d1dbd6;border-radius:8px;min-width:64px;padding:7px 9px}.metric strong,.metric span{display:block}.metric strong{color:#1d2b28;font-size:1rem;line-height:1}.metric span{color:#64716e;font-size:.72rem;font-weight:700}.graphCanvas,.emptyGraph{aspect-ratio:16/9;border-radius:8px;width:100%;min-height:310px}.emptyGraph{color:#87938f;background:#f8faf6;border:1px dashed #cbd6d1;place-items:center;display:grid}.graphBackground{fill:#f8faf6;stroke:#d6ded9}.edgeLine{stroke-width:2.4px;vector-effect:non-scaling-stroke}.edgeLine.source{stroke:#cf6b61}.edgeLine.target{stroke:#4f9d8e}.edgeArrow{fill:#53615d}.node{fill:#fff;stroke:#53615d;stroke-width:2px}.node.named{fill:#fff7df;stroke:#b8842d}.nodeLabel,.nodeSubLabel{fill:#1c2826;text-anchor:middle;letter-spacing:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.nodeLabel{font-size:12px;font-weight:800}.nodeSubLabel{fill:#687672;font-size:9px;font-weight:700}.outputBox{color:#e8f1ed;white-space:pre-wrap;background:#101816;border-radius:8px;min-height:220px;max-height:420px;margin:0;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.55;overflow:auto}.runtimePanel{flex-direction:column;display:flex}.statusRow{color:#46524f;border-top:1px solid #e1e7e3;grid-template-columns:22px minmax(88px,.42fr) minmax(0,1fr);align-items:center;gap:9px;min-height:42px;display:grid}.statusRow:first-of-type{border-top:0}.statusRow strong{overflow-wrap:anywhere;color:#1c2826;font-size:.9rem;font-weight:700}.storyBand{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;padding:18px 0 6px;display:grid}.storyItem{background:#fffffccc;border-left:4px solid #4f9d8e;min-height:128px;padding:16px}.storyItem:nth-child(2){border-color:#cf6b61}.storyItem:nth-child(3){border-color:#b8842d}.storyItem:nth-child(4){border-color:#2f8273}.storyItem span{color:#1d2b28;margin-bottom:10px;font-size:.92rem;font-weight:900;display:block}.storyItem p{color:#4a5754;margin:0;font-size:.93rem}@media (width<=980px){.appShell{padding:18px}h1{font-size:3rem}.topBar{flex-direction:column;align-items:start}.runtimeStrip{justify-content:flex-start}.workspace,.detailGrid,.storyBand{grid-template-columns:1fr}}@media (width<=560px){.appShell{padding:14px}h1{font-size:2.35rem}.optionGrid,.counterStack{grid-template-columns:1fr}.counterStack,.sampleRail{width:100%}.metric,.sampleButton{flex:140px}.panelHeader{flex-direction:column;align-items:flex-start}.statusRow{grid-template-columns:22px 1fr}.statusRow strong{grid-column:2}}