.studio-shell{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:calc(100vh - 70px);position:relative;z-index:1}.builder-sidebar{border-right:1px solid var(--line);background:rgba(8,16,27,.83);backdrop-filter:blur(24px);padding:24px 18px;display:flex;flex-direction:column;gap:20px}.side-section{padding-bottom:20px;border-bottom:1px solid var(--line)}.start-section h1{font-size:25px;margin:7px 0 9px}.start-section>p{color:var(--muted);font-size:12px;line-height:1.55;margin:0 0 14px}.start-card{width:100%;display:grid;text-align:left;gap:3px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text);padding:13px 14px;margin-top:9px;border-radius:12px;cursor:pointer;transition:.18s}.start-card:hover:not(:disabled){border-color:rgba(98,224,255,.55);transform:translateY(-1px)}.start-card.primary-start{background:linear-gradient(135deg,rgba(85,211,239,.13),rgba(125,100,255,.08));border-color:rgba(98,224,255,.3)}.start-card span{font-size:9px;letter-spacing:.16em;color:var(--cyan)}.start-card b{font-size:13px}.start-card small{font-size:10px;color:var(--muted)}.reference-link{border:0;background:none;color:var(--muted);font-size:10px;text-decoration:underline;cursor:pointer;margin-top:12px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title b{font-size:8px;color:var(--muted);letter-spacing:.1em}.node-catalog{display:grid;gap:8px;margin-top:12px}.catalog-item{border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);padding:11px}.catalog-item header{display:flex;align-items:center;gap:9px}.catalog-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(91,221,247,.09);color:var(--cyan);font-size:11px}.catalog-item b{font-size:11px}.catalog-item p{font-size:9px;color:var(--muted);line-height:1.45;margin:7px 0 9px}.catalog-item button{width:100%;border:1px solid rgba(91,221,247,.25);background:transparent;color:var(--cyan);border-radius:7px;padding:7px;font-size:9px;font-weight:800;letter-spacing:.1em;cursor:pointer}.catalog-item button:disabled{opacity:.35;cursor:not-allowed}.catalog-empty{font-size:10px;color:var(--muted);padding:12px 0}.studio-main{padding:22px;min-width:0}.project-strip{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px}.project-copy h2{font-size:23px;margin:4px 0}.project-copy p{font-size:11px;color:var(--muted);margin:0;max-width:700px}.project-state{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.project-state span{border:1px solid var(--line);background:rgba(255,255,255,.025);padding:8px 10px;border-radius:8px;font-size:8px;color:var(--muted);letter-spacing:.1em}.project-state b{color:var(--text);margin-left:5px}.product-depth{display:flex;gap:4px;margin-left:28px}.product-depth button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 10px;font-size:8px;letter-spacing:.12em;border-radius:7px}.product-depth button.active{color:var(--cyan);border-color:rgba(91,221,247,.35);background:rgba(91,221,247,.06)}.journey{grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;margin-top:14px}.system-panel{min-height:570px}.inspector-panel{min-height:570px}.panel-chips{display:flex;gap:7px}.pending-chip{font-size:8px;letter-spacing:.12em;color:#ffd073;border:1px solid rgba(255,208,115,.35);padding:6px 8px;border-radius:999px;background:rgba(255,208,115,.06)}.canvas-help{font-size:10px;color:var(--muted);padding:0 22px 10px}.graph{min-height:420px}.graph-node{cursor:pointer;user-select:none}.graph-node.selected{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(91,221,247,.13),0 18px 45px rgba(0,0,0,.26)}.graph-node.pending{border-style:dashed}.graph-node .node-accent{width:6px;height:6px;border-radius:50%;background:var(--cyan);position:absolute;right:10px;top:10px}.graph-edge-hit{stroke:transparent;stroke-width:16;cursor:pointer}.graph-edge-visible{pointer-events:none}.canvas-actions{display:flex;gap:9px;padding:14px 20px 18px;border-top:1px solid var(--line);flex-wrap:wrap}.canvas-actions .button{min-width:120px}.validation-summary{margin:0 20px 18px;padding:12px;border-radius:10px;border:1px solid var(--line);font-size:10px;line-height:1.5;color:var(--muted)}.validation-summary.valid{border-color:rgba(87,230,179,.35);color:#8df0cb}.validation-summary.invalid{border-color:rgba(255,103,126,.35);color:#ff9eae}.inspector-empty{font-size:11px;color:var(--muted);padding:20px}.inspector-panel form{display:grid;gap:15px;padding:20px}.inspector-panel label,.name-modal label{display:grid;gap:7px;font-size:9px;color:var(--muted);letter-spacing:.08em}.inspector-panel input,.inspector-panel textarea,.inspector-panel 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}.inspector-actions{display:grid;gap:8px}.danger-button{border:1px solid rgba(255,103,126,.3);background:rgba(255,103,126,.05);color:#ff8da0;border-radius:8px;padding:9px;font-size:9px;font-weight:800;letter-spacing:.08em;cursor:pointer}.connection-inspector{padding:20px}.connection-inspector p{font-size:11px;color:var(--muted);line-height:1.5}.execution-deck{display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px;margin-top:14px}.execution-deck .panel{min-height:380px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:rgba(2,7,13,.76);backdrop-filter:blur(12px);display:grid;place-items:center}.modal-backdrop[hidden]{display:none}.name-modal{width:min(430px,calc(100vw - 40px));background:#0b1421;border:1px solid rgba(91,221,247,.25);border-radius:16px;padding:26px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.name-modal h2{font-size:24px;margin:7px 0}.name-modal p{font-size:11px;color:var(--muted);line-height:1.5}.name-modal>div{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:1050px){.studio-shell{grid-template-columns:230px minmax(0,1fr)}.editor-grid{grid-template-columns:1fr}.inspector-panel{min-height:auto}.execution-deck{grid-template-columns:1fr}.project-strip{flex-direction:column}.product-depth{display:none}}@media(max-width:760px){.studio-shell{display:block}.builder-sidebar{border-right:0;border-bottom:1px solid var(--line)}.studio-main{padding:13px}.journey{overflow:auto}.stage b{display:none}.project-state{justify-content:flex-start}.graph{min-height:360px}}
