.cloud-interactive{width:100%;position:relative}.cloud-canvas{cursor:grab;touch-action:pan-y;width:100%;height:510px}.cloud-canvas:active{cursor:grabbing}.cloud-canvas canvas{touch-action:none;display:block}.cloud-topics{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.cloud-topics button{color:#556259;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 13px;font-size:15px;display:flex}.cloud-topics button[aria-pressed=true]{color:#26382d;background:#f7f5ee;border-color:#cbd0c3}.cloud-topics span{border-radius:50%;width:7px;height:7px}.cloud-example{text-align:center;color:#556259;min-height:30px;font-size:18px;margin-top:14px!important}@media (max-width:700px){.cloud-canvas{height:350px}.cloud-topics button{padding:9px;font-size:13px}.cloud-example{font-size:16px}}
.sequence{width:100%;max-width:1000px;margin:auto}.sequence-scene{isolation:isolate;border-radius:20px;align-items:center;min-height:530px;display:grid;position:relative;overflow:hidden}.sequence-terminal{color:#e9ede5;transform-origin:52% 52%;will-change:transform,opacity;background:#25302e;border:1px solid #52615a;border-radius:13px;width:92%;margin:25px auto;position:relative;box-shadow:0 22px 45px -20px #26392c70}.sequence-chrome{height:49px;font:13px var(--mono);color:#b4c0b6;border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.sequence-chrome>div{gap:6px;display:flex}.sequence-chrome i{background:#a27d69;border-radius:50%;width:7px;height:7px}.sequence-chrome i:nth-child(2){background:#a7a58a}.sequence-chrome i:nth-child(3){background:#779688}.sequence-body{min-height:402px;font:14px/1.65 var(--mono);padding:25px 25px 30px}.sequence-command{font:17px var(--body);margin-bottom:25px}.sequence-command>span{color:#a9c7b1;margin-right:12px}.sequence-code{font:inherit;white-space:pre-wrap;color:#c0cbc2;overflow-wrap:anywhere;margin:0}.sequence-purple{color:#d3b7d7}.sequence-context{color:#26372e;opacity:0;background:#f0eee4;border-radius:7px;align-items:center;gap:13px;margin-top:22px;padding:13px 15px;display:flex;transform:translateY(8px)}.sequence-context strong{font:500 17px var(--body)}.sequence-context p{font:14px/1.4 var(--body);color:#657067;margin-top:4px}.sequence-context>span:first-child{color:#9a5942;font-size:26px}.sequence-check{color:#5a8472;margin-left:auto}.sequence-response{font:15px/1.5 var(--body);color:#d4dfd3;margin:18px 0}.sequence-diff{opacity:0;margin-top:14px;font-size:13px;line-height:1.7;transform:translateY(8px)}.sequence-diff>div{overflow-wrap:anywhere;padding:3px 9px}.sequence-added{color:#c1e2b8;background:#668f6533}.sequence-removed{color:#f5d3ca;background:#b5716330}.sequence .is-visible{opacity:1;transition:opacity .6s,transform .6s;transform:none}.sequence-query{color:#a4bbac;margin-top:25px;font-size:14px}.sequence-graph{will-change:transform,opacity;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sequence-graph .cloud-topics,.sequence-graph .cloud-example{display:none}.sequence-graph .cloud-canvas{height:500px}.sequence-decision{font:500 17px var(--body);white-space:nowrap;transform-origin:50%;background:#faf6eb;border:1px solid #bfa88c;border-radius:9px;padding:12px 16px;position:absolute;top:29%;left:51%;box-shadow:0 12px 30px #26392c25}.sequence-decision>span{color:#9a5942;margin-right:9px}.sequence-controls{color:#5c6c60;align-items:center;gap:20px;padding:0 6%;font-size:13px;display:flex}.sequence-controls button{min-width:50px;padding:10px 0}.sequence-progress{background:#798a762b;flex:1;height:2px}.sequence-progress span{background:#748e7a;height:100%;display:block}@media (max-width:700px){.sequence-scene{min-height:500px}.sequence-terminal{width:98%}.sequence-body{padding:20px 15px;font-size:12px}.sequence-diff{font-size:11px}.sequence-command{font-size:16px}.sequence-decision{font-size:14px;left:30%}.sequence-graph .cloud-canvas{height:450px}}@media (prefers-reduced-motion:reduce){.sequence *{transition:none!important}}.sequence-search{color:#556c59;width:max-content;max-width:94%;font:15px var(--body);background:#f7f5ed;border:1px solid #bac7b8;border-radius:9px;align-items:center;gap:12px;padding:11px 17px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #26392c12}
.sequence{position:relative}.sequence-accessible{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sequence-controls{display:none!important}.lp-graph-page .sequence .sequence-body{padding-bottom:80px}.sequence-toggle{z-index:5;color:#e9ede5;min-width:100px;height:44px;font:500 14px/1 var(--body);background:#25302e;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 12px;transition:background-color .2s;display:inline-flex;position:absolute;bottom:30px;left:16px}.sequence-toggle:hover,.sequence-toggle:focus-visible{background:#3a4b44}.sequence-toggle:disabled{opacity:.48;cursor:default}.sequence-toggle:focus-visible{outline-offset:-5px;outline:2px solid #fff}.sequence[data-paused=true] *{transition:none!important;animation-play-state:paused!important}@media (max-width:700px){.sequence-toggle{bottom:26px;left:12px}}@media (prefers-reduced-motion:reduce){.sequence-toggle{transition:none!important}}.lp-graph-page .sequence-clarity .sequence-scene{min-height:740px}.lp-graph-page .sequence-clarity .sequence-terminal{margin:18px auto 120px}.lp-graph-page .sequence-clarity .sequence-body{min-height:510px;padding:24px 24px 64px}.sequence-clarity .sequence-query{margin:0 0 12px}.sequence-clarity .sequence-inputs{z-index:3;pointer-events:none;text-align:left;grid-template-columns:1fr 1fr;gap:12px;display:grid;position:absolute;top:134px;left:4%;right:4%}.sequence-clarity .sequence-inputs article{color:#26372e;background:#faf6eb;border:1px solid #bfa88c;border-radius:9px;min-width:0;padding:16px;box-shadow:0 12px 30px #26392c25}.sequence-clarity small{font:14px/1.4 var(--body);margin-bottom:8px;display:block}.sequence-clarity .sequence-inputs strong{font:500 17px/1.3 var(--body);display:block}.sequence-clarity .sequence-inputs pre{font:14px/1.5 var(--mono);white-space:pre-wrap;margin:10px 0 0}.sequence-clarity .sequence-inputs p{font:15px/1.5 var(--body);color:#525a5a;margin:10px 0 0}.sequence-clarity .sequence-source-code{border-color:#91adb5}.sequence-clarity .sequence-source-code small{color:#395964}.sequence-clarity .sequence-code-summary{font:14px/1.5 var(--mono);margin-top:4px;display:none}.sequence-clarity .sequence-source-decision small{color:#80503c}.sequence-clarity .sequence-handoff{color:#d4dfd3;font:14px/1.4 var(--body);margin-top:16px;padding:6px 0;display:block}.sequence-clarity .sequence-handoff>span{color:#b7d9e3;font-size:14px}.sequence-clarity .sequence-handoff p{font:inherit;color:inherit;margin:4px 0}.sequence-clarity .sequence-handoff small{font:12px/1.4 var(--body);margin:4px 0 0}.sequence-clarity .sequence-save-action{font:13px/1.4 var(--mono);color:#b7d9e3;margin-top:14px}.sequence-clarity .sequence-causal strong{color:#fff;text-underline-offset:4px;-webkit-text-decoration:underline #a9d8e8;text-decoration:underline #a9d8e8}.sequence-clarity .sequence-saved-record{z-index:3;color:#26372e;text-align:left;background:#faf6eb;border:1px solid #91adb5;border-radius:9px;padding:14px 18px;position:absolute;bottom:8px;left:15%;right:15%;box-shadow:0 12px 30px #26392c18}.sequence-clarity .sequence-saved-record strong,.sequence-clarity .sequence-saved-record span{font:500 16px/1.4 var(--body);display:block}.sequence-clarity .sequence-saved-record span{margin-top:4px;font-size:14px;font-weight:400}.sequence-clarity .sequence-saved-record small{color:#395964}.sequence-clarity .sequence-explanation{font:15px/1.6 var(--body);color:var(--muted);text-align:center;max-width:70ch;margin:16px auto 0}.sequence-clarity .sequence-toggle{top:auto;bottom:12px;left:12px}@media (max-width:700px){.lp-graph-page .sequence-clarity .sequence-scene{min-height:650px;display:block}.lp-graph-page .sequence-clarity .sequence-terminal{width:100%;margin:12px auto 138px}.lp-graph-page .sequence-clarity .sequence-body{min-height:450px;padding:16px 12px 20px;font-size:14px}.sequence-clarity .sequence-command{margin-bottom:12px}.sequence-clarity .sequence-input-space{height:169px}.sequence-clarity .sequence-inputs{grid-template-columns:1fr;gap:8px;top:110px;left:12px;right:12px}.sequence-clarity .sequence-inputs article{padding:10px 12px;box-shadow:0 5px 15px #26392c18}.sequence-clarity .sequence-inputs small{margin-bottom:3px;font-size:14px}.sequence-clarity .sequence-inputs strong{font-size:15px}.sequence-clarity .sequence-inputs p{margin-top:4px;font-size:14px}.sequence-clarity:is(.sequence-phase-code,.sequence-phase-enter) .sequence-input-space{height:64px}.sequence-clarity:is(.sequence-phase-retrieve,.sequence-phase-return) .sequence-input-space{height:169px}.sequence-clarity:is(.sequence-phase-code,.sequence-phase-enter,.sequence-phase-retrieve,.sequence-phase-return) .sequence-response,.sequence-clarity:is(.sequence-phase-code,.sequence-phase-enter,.sequence-phase-retrieve,.sequence-phase-return) .sequence-diff,.sequence-clarity:is(.sequence-phase-code,.sequence-phase-enter,.sequence-phase-retrieve,.sequence-phase-return) .sequence-handoff,.sequence-clarity:is(.sequence-phase-code,.sequence-phase-enter,.sequence-phase-retrieve,.sequence-phase-return) .sequence-save-action,.sequence-clarity:not(:is(.sequence-phase-code,.sequence-phase-enter,.sequence-phase-retrieve,.sequence-phase-return)) .sequence-inputs pre{display:none}.sequence-clarity:not(:is(.sequence-phase-code,.sequence-phase-enter,.sequence-phase-retrieve,.sequence-phase-return)) .sequence-code-summary{display:block}.sequence-clarity .sequence-response{margin:12px 0;font-size:14px}.sequence-clarity .sequence-handoff{margin-top:12px;padding:4px 8px;font-size:14px}.sequence-clarity .sequence-handoff>span{font-size:14px}.sequence-clarity .sequence-handoff small{font-size:12px}.sequence-clarity .sequence-save-action{margin-top:10px;font-size:14px}.lp-graph-page .sequence-clarity .sequence-diff{font-size:14px;line-height:1.6}.sequence-clarity .sequence-diff>div{overflow-wrap:normal;padding:3px 0}.sequence-clarity .sequence-saved-record{padding:10px;bottom:12px;left:52px;right:8px}.sequence-clarity .sequence-saved-record small{margin-bottom:4px;font-size:14px}.sequence-clarity .sequence-saved-record strong,.sequence-clarity .sequence-saved-record span{font-size:14px}.sequence-clarity .sequence-scene{height:650px;min-height:650px}.sequence-clarity .sequence-terminal{height:500px;margin:12px auto 0;overflow:hidden}.sequence-clarity .sequence-body{box-sizing:border-box;height:450px;min-height:450px;overflow:hidden}.sequence-clarity .sequence-toggle{top:auto;bottom:12px;left:12px}.sequence-clarity .sequence-explanation{padding:0 8px;font-size:14px}}.lp-graph-page .sequence-clarity .sequence-scene{height:auto;min-height:0;display:block}.lp-graph-page .sequence-clarity .sequence-terminal{height:auto;margin:18px auto 142px}.lp-graph-page .sequence-clarity .sequence-body{height:auto;min-height:0;padding-bottom:24px;overflow:visible}.sequence-clarity .sequence-chrome{justify-content:flex-start;gap:20px;padding-right:120px}.sequence-clarity .sequence-toggle{inset:21px calc(1% + 8px) auto auto}.sequence-clarity .sequence-handoff{padding-inline:0}.sequence-clarity .sequence-diff{transition:none}.sequence-clarity .sequence-diff.is-visible{transition:none;transform:none}.sequence-clarity[data-paused=true] .sequence-terminal,.sequence-clarity[data-paused=true] .sequence-graph{will-change:auto}@media (max-width:700px){.lp-graph-page .sequence-clarity .sequence-terminal{margin:12px auto 144px}.lp-graph-page .sequence-clarity .sequence-body{padding-bottom:20px}.sequence-clarity .sequence-input-space{height:208px}.sequence-clarity .sequence-chrome{font:14px var(--body);padding-left:12px}.sequence-clarity .sequence-chrome>div{display:none}.sequence-clarity .sequence-toggle{top:15px;right:8px}.sequence-clarity .sequence-saved-record{left:12px;right:12px}}.sequence-clarity .sequence-terminal-dock{margin-bottom:64px;display:flow-root;position:relative}.lp-graph-page .sequence-clarity .sequence-terminal{margin-bottom:0}.lp-graph-page .sequence-clarity .sequence-body{padding-bottom:104px}.sequence-clarity .sequence-saved-record{z-index:4;pointer-events:none;bottom:-40px}@media (max-width:700px){.lp-graph-page .sequence-clarity .sequence-body{padding-bottom:112px}.sequence-clarity .sequence-saved-record{bottom:-36px}}.sequence-clarity .sequence-inputs{grid-template-columns:1fr;gap:12px;left:calc(1% + 24px);right:calc(1% + 24px)}.sequence-clarity .sequence-inputs article{color:#e9ede5;box-shadow:none;background:#25302e;border:0;border-left:1px solid #91adb566;border-radius:0;padding:0 0 0 14px}.sequence-clarity .sequence-inputs small{color:#b7d9e3;font:13px/1.5 var(--mono);align-items:center;gap:8px;margin-bottom:5px;display:flex}.sequence-tool-status{background:#b7d9e3;border-radius:50%;flex:none;width:6px;height:6px}.sequence-clarity .sequence-inputs strong{font:400 13px/1.5 var(--mono);color:#b9c8bf}.sequence-clarity .sequence-inputs pre{font:13px/1.5 var(--mono);color:#e9ede5;margin:4px 0 0}.sequence-clarity .sequence-inputs p{color:#b9c8bf;font:13px/1.5 var(--mono);margin:3px 0 0}.sequence-clarity .sequence-inputs .sequence-result-title{color:#e9ede5}.sequence-clarity .sequence-input-space{height:230px}@media (max-width:700px){.sequence-clarity .sequence-inputs{gap:12px;left:24px;right:24px}.sequence-clarity .sequence-inputs article{padding:0 0 0 10px}.sequence-clarity .sequence-inputs .sequence-code-summary{color:#e9ede5;font:13px/1.5 var(--mono)}.sequence-clarity .sequence-input-space{height:238px}.sequence-clarity:is(.sequence-phase-retrieve,.sequence-phase-return) .sequence-input-space{height:270px}}