.mode-pill{border:1px solid rgba(91,221,247,.35);background:rgba(91,221,247,.06);color:var(--cyan);padding:7px 10px;font-size:8px;letter-spacing:.12em;border-radius:7px}.product-depth button{cursor:pointer}.section-intro{font-size:10px;line-height:1.5;color:var(--muted);margin:9px 0 0}.no-script{padding:16px 24px;background:#32171b;border-bottom:1px solid #7a3942;color:#ffc1c7;font-size:13px;text-align:center}.guidance-panel{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid rgba(118,246,208,.28);background:linear-gradient(100deg,rgba(31,91,76,.22),rgba(13,24,31,.72));border-radius:14px;padding:14px 17px;margin:0 0 15px}.guidance-marker{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(118,246,208,.12);color:var(--mint);font-size:22px}.guidance-panel h2{font-size:14px;margin:4px 0}.guidance-panel p{font-size:10px;line-height:1.5;color:#9aabae;margin:0}.guidance-meta{display:grid;justify-items:end;gap:7px;color:var(--mint);font-size:9px;letter-spacing:.08em}.guidance-meta button{border:0;background:transparent;color:#82949c;text-decoration:underline;cursor:pointer;font-size:9px}.advanced-details{margin-top:13px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.018);font-size:10px;color:var(--muted)}.advanced-details summary{cursor:pointer;padding:9px 11px;color:#a8b8bc}.advanced-details dl{margin:0;padding:0 11px 10px;display:grid;gap:7px}.advanced-details dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px}.advanced-details dt{color:#6f828a}.advanced-details dd{margin:0;color:#a9babd;overflow-wrap:anywhere}.project-details{max-width:620px}.catalog-item details{border-top:1px solid var(--line);margin:9px 0 0;padding-top:7px}.catalog-item details summary{cursor:pointer;color:#8fa2a8;font-size:9px}.catalog-detail{display:grid;gap:5px;margin-top:7px}.catalog-detail span{font-size:9px;line-height:1.4;color:#7f9198}.catalog-availability{min-height:26px;margin:7px 0 0!important;color:#91a5aa!important}.catalog-item button[aria-disabled=true],.catalog-item button:disabled{opacity:.48}.canvas-actions{display:grid;grid-template-columns:minmax(125px,.8fr) minmax(125px,.8fr) minmax(190px,1.35fr);align-items:start}.action-unit{display:grid;gap:7px;min-width:0}.action-unit .button{width:100%;min-width:0}.action-unit p{font-size:9px;line-height:1.4;color:#71838a;margin:0;min-height:26px}.primary-unit p{color:#8ea39f}.locked-action{grid-column:1/-1;grid-template-columns:minmax(180px,280px) minmax(0,1fr);align-items:center}.locked-action p{min-height:0}.node-inspector{display:grid;gap:15px;padding:20px}.node-inspector label,.name-modal label{display:grid;gap:7px;font-size:9px;color:var(--muted);letter-spacing:.08em}.node-inspector input,.node-inspector textarea,.node-inspector select,.name-modal input{width:100%;box-sizing:border-box;border:1px solid var(--line);background:rgba(4,10,18,.75);color:var(--text);border-radius:8px;padding:10px;font:inherit;font-size:11px;resize:vertical}.node-inspector fieldset{display:grid;gap:13px;border:1px solid var(--line);border-radius:10px;padding:13px}.node-inspector legend{padding:0 6px;color:#81949b;font-size:9px;letter-spacing:.08em}.inspector-section{border-top:1px solid var(--line);padding-top:12px}.inspector-section>span{display:block;font-size:8px;letter-spacing:.13em;color:#71858c;text-transform:uppercase}.inspector-section p{font-size:10px;line-height:1.5;color:#a0b0b4;margin:7px 0 0}.connection-section .button{margin-top:10px;width:100%}.runtime-truth{margin:0 22px 17px;padding:11px;border-left:2px solid var(--mint);background:rgba(118,246,208,.05);color:#9bb0ab;font-size:10px;line-height:1.5}.control-panel .actions{align-items:start}.control-panel .actions .action-unit p{padding:0 3px}.result-panel .story-grid{grid-template-columns:repeat(2,1fr)}.result-panel .participants{border-bottom:1px solid #202d35}.result-panel .result-end{border-bottom:1px solid #202d35}.welcome-modal{width:min(760px,calc(100vw - 40px));background:#0b1421;border:1px solid rgba(91,221,247,.25);border-radius:18px;padding:30px;box-shadow:0 30px 100px rgba(0,0,0,.6)}.welcome-modal h2{font-size:28px;margin:8px 0}.welcome-modal>p{font-size:12px;line-height:1.6;color:#9eafb3;max-width:620px}.welcome-choices{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:23px}.welcome-choice{display:grid;gap:8px;text-align:left;min-height:156px;padding:20px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text);cursor:pointer}.welcome-choice.primary{background:linear-gradient(145deg,rgba(63,174,151,.16),rgba(49,91,142,.08));border-color:rgba(118,246,208,.38)}.welcome-choice:hover{border-color:var(--cyan);transform:translateY(-1px)}.welcome-choice span{font-size:8px;letter-spacing:.14em;color:var(--mint)}.welcome-choice b{font-size:17px}.welcome-choice small{font-size:11px;line-height:1.5;color:#8fa1a6}.start-card:disabled{cursor:not-allowed;opacity:.55}.project-state span{white-space:nowrap}.graph-node{transition:border-color .15s,box-shadow .15s,transform .15s}.graph-node:hover{border-color:#3d5963}.graph-node.selected{transform:translate(-50%,-50%) scale(1.025)}@media(max-width:1050px){.guidance-panel{grid-template-columns:42px minmax(0,1fr)}.guidance-meta{grid-column:2;display:flex;justify-content:space-between}.canvas-actions{grid-template-columns:1fr 1fr}.primary-unit{grid-column:1/-1}}@media(max-width:760px){.welcome-choices{grid-template-columns:1fr}.welcome-modal{max-height:calc(100vh - 24px);overflow:auto;padding:22px}.guidance-panel{grid-template-columns:1fr}.guidance-marker{display:none}.guidance-meta{grid-column:auto}.canvas-actions{grid-template-columns:1fr}.primary-unit,.locked-action{grid-column:auto}.locked-action{grid-template-columns:1fr}.product-depth{display:flex}.mode-pill{display:none}.graph{min-height:320px}.canvas-help:after{content:" Desktop is recommended for arranging larger systems.";color:var(--amber)}.project-details{max-width:100%}}@media(max-width:520px){.environment em{display:none}.guidance-panel{padding:13px}.result-panel .story-grid{grid-template-columns:1fr}.welcome-choice{min-height:130px}.project-state span{white-space:normal}.topbar{gap:8px}.product-depth{margin-left:10px}.product-depth button{padding:6px}}
