:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#11151d;color:#e1e1e0;--line:#2c3541;--muted:#99a6b5;--accent:#bfff80}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,.button{border:1px solid #3a4653;border-radius:7px;background:#1a2a36;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:550}button:hover,.button:hover{background:#243747;border-color:#849482}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:#172713}.primary:hover{background:#d3ffa8;color:#172713}.small{padding:8px 12px}input,textarea,select{border:1px solid var(--line);border-radius:6px;background:#101720;padding:11px 12px;min-width:0}input::placeholder,textarea::placeholder{color:#748394}header{height:88px;display:flex;align-items:center;gap:26px;max-width:1560px;padding:0 48px;margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:650;letter-spacing:-.6px}.brand svg{width:32px;height:32px;color:var(--accent);fill:var(--accent)}.accent{color:var(--accent)}.header-note{font-size:12px;color:var(--muted)}header>.button{margin-left:auto}main{max-width:1560px;margin:auto;padding:0 48px}.composer{display:grid;grid-template-columns:.86fr 1.14fr;gap:9%;padding:70px 0 64px;align-items:center}.eyebrow{font:600 10px/1.5 "Segoe UI",sans-serif;letter-spacing:1.8px;color:#9baab8}h1{font-size:62px;line-height:1.09;letter-spacing:-3px;margin:20px 0 22px;font-weight:600}.intro>p{color:#abb7c4;font-size:17px;line-height:1.7;max-width:400px}.steps{display:flex;gap:28px;margin:36px 0 24px;font:11px Consolas,monospace;color:#788896}.steps b{font:13px "Segoe UI",sans-serif;color:#e1e1e0;margin-left:7px}.text-button{background:transparent;border:0;color:var(--accent);padding:8px 0}.intro .format-note{font-size:11px;line-height:1.7;max-width:350px;margin-top:24px}.format-note a{text-decoration:underline;text-underline-offset:3px}.paste-panel{background:#161e28;border:1px solid var(--line);border-radius:12px;padding:23px;box-shadow:0 18px 70px #0002}.field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px}.field-header>span{font-size:11px;color:var(--muted)}.paste-panel>input{width:100%}.source-label{margin:20px 0 8px}.upload{font-size:11px;padding:6px 10px}textarea{width:100%;height:250px;resize:vertical;font:12px/1.65 Consolas,monospace;tab-size:2}.paste-footer{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:14px}.paste-footer small{font-size:10px;color:var(--muted)}.privacy-note{font-size:10px;line-height:1.7;color:#8b9aaa;margin:15px 0 0}.paste-panel.dragging{border-color:var(--accent);outline:1px solid var(--accent)}.message{margin:24px 0;background:#382524;border:1px solid #8e5952;border-radius:7px;color:#ffd2bd;padding:15px;font-size:13px;white-space:pre-wrap}.graph-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:32px 0 23px}.graph-heading h1{font-size:31px;letter-spacing:-.8px;margin:7px 0 8px;overflow-wrap:anywhere}.graph-heading p{font:11px Consolas,monospace;color:var(--muted);margin:0}.share-actions{display:flex;gap:8px;flex-shrink:0}.share-result{display:flex;align-items:center;gap:14px;margin:0 0 20px;border:1px solid #506741;background:#1c2b22;padding:14px;border-radius:7px}.share-result label{font-size:12px;color:#d3efc3}.share-result input{flex:1;background:#14221c}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:14px;background:#18212b;border:1px solid var(--line);border-radius:9px 9px 0 0}.toolbar input,.toolbar select{font-size:12px;padding:9px 10px}.search-wrap{position:relative;flex:1;min-width:190px}#search{width:100%}.search-results{position:absolute;top:42px;left:0;z-index:3;max-height:400px;overflow:auto;background:#1a2a36;border:1px solid #536171;border-radius:6px;min-width:100%;width:min(440px,80vw);box-shadow:0 14px 28px #0009}.search-results button{display:block;width:100%;text-align:left;border:0;border-radius:0;border-bottom:1px solid #304052}.search-results button span{display:block;font:10px/1.5 Consolas,monospace;color:#9dabb8;overflow-wrap:anywhere}.search-results p{padding:12px;font-size:12px}.wire-toggles{display:flex;gap:9px;margin:0 6px}.wire-toggles label{display:flex;align-items:center;font-size:11px;gap:3px}.wire-toggles input{accent-color:var(--accent)}.toolbar button{font-size:11px;padding:9px 11px}.toolbar select{max-width:190px}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 278px;border:1px solid var(--line);border-top:0;border-radius:0 0 9px 9px;overflow:hidden}.canvas-wrap{position:relative;background:#0a0e14;height:66vh;min-height:470px;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.canvas-hint{position:absolute;bottom:16px;left:16px;pointer-events:none;font-size:10px;color:#8a99a8;background:#11151de8;padding:7px 10px;border:1px solid #273442;border-radius:5px}.zoom-controls{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;border:1px solid #334453;border-radius:6px;background:#11151ded}.zoom-controls button{border:0;background:transparent;padding:5px 10px;font-size:18px}.zoom-controls span{font:10px Consolas,monospace;min-width:40px;text-align:center}aside{padding:23px 20px;background:#141c26;border-left:1px solid var(--line);height:66vh;min-height:470px;overflow:auto}aside h2{font-size:18px;line-height:1.4;overflow-wrap:anywhere;margin-top:12px}aside p{font-size:12px;line-height:1.8;color:#a4b1bf}.palette-key{display:grid;gap:12px;font-size:11px;margin:28px 0}.palette-key i{width:8px;height:8px;display:inline-block;margin-right:10px;border:1px solid #ffffff30}.fine-print{font-size:10px!important}.node-type{font:10px/1.7 Consolas,monospace;color:#a3b4c5;overflow-wrap:anywhere}.node-id{color:#708191;font:10px/1.6 Consolas,monospace;overflow-wrap:anywhere;margin-top:10px}.inspector-section{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.inspector-section h3{font-size:11px;margin:0 0 12px;color:#acbcca}.port{display:flex;gap:7px;font:10px/1.7 Consolas,monospace;margin:8px 0;overflow-wrap:anywhere}.port i{width:7px;height:7px;flex-shrink:0;margin-top:5px}.port span{flex:1}.port em{display:block;font-style:normal;color:#8396a8}.inspector-section pre{font:10px/1.6 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;color:#c7d4df}.connection{width:100%;text-align:left;justify-content:flex-start;font-size:10px;margin-top:5px;overflow-wrap:anywhere;padding:7px;background:#1a2a36}.graph-notes{font-size:11px;color:#8c9cad;line-height:1.8;padding:17px 2px}.graph-notes summary{cursor:pointer;color:#b2bfcc}.graph-notes ul{padding-left:20px}.empty-graph{position:absolute;top:46%;left:0;right:0;text-align:center;color:#8b9aab;pointer-events:none;font-size:14px}footer{display:flex;justify-content:space-between;gap:16px;max-width:1464px;border-top:1px solid var(--line);margin:20px auto 0;padding:22px 0 28px;font-size:10px;color:#8e9aaa}.muted{color:#526171;margin:0 8px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#263b27;color:#d3ffc0;border:1px solid #667e52;border-radius:8px;font-size:12px;box-shadow:0 10px 30px #0007;z-index:6;max-width:90vw}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1800px){.canvas-wrap,aside{height:70vh}}@media(max-width:1100px){header,main{padding-left:25px;padding-right:25px}.composer{gap:5%}.intro h1{font-size:53px}.explorer{grid-template-columns:minmax(0,1fr) 240px}footer{margin-left:25px;margin-right:25px}.header-note{display:none}.wire-toggles{margin-left:auto}}@media(max-width:720px){header{height:70px}header,main{padding-left:18px;padding-right:18px}.brand{font-size:18px}.composer{grid-template-columns:1fr;padding:34px 0;gap:26px}.intro h1{font-size:45px;letter-spacing:-1.8px;margin:12px 0}.intro h1 br{display:none}.intro>p{font-size:14px;max-width:100%}.intro .format-note{display:none}.steps{margin:22px 0 8px}.paste-panel{padding:16px}.graph-heading{align-items:flex-start;flex-direction:column}.graph-heading h1{font-size:26px}.share-actions{width:100%;justify-content:flex-end}.share-result{flex-wrap:wrap}.share-result label{width:100%}.explorer{grid-template-columns:1fr}.canvas-wrap{height:58vh;min-height:380px}aside{height:auto;max-height:420px;min-height:0;border-top:1px solid var(--line);border-left:0;padding:18px}.canvas-hint{display:none}.wire-toggles{margin-left:0}.toolbar{padding:10px}.search-wrap{width:100%;flex-basis:100%}footer{margin:15px 18px;flex-wrap:wrap}footer>span:nth-child(2){display:none}.paste-footer small{max-width:120px}}