.page:has(.wf-app){padding:0;max-width:none}.wf-app{height:calc(100dvh - 80px);min-height:650px;display:flex;flex-direction:column;background:#0c1119;color:#e7edf5;--wf-border:#2d3746;--wf-accent:#39d8d2;font-size:13px}.wf-app button,.wf-app input,.wf-app select,.wf-app textarea{background:#19212e;color:#e7edf5;border:1px solid var(--wf-border);border-radius:8px;padding:8px 11px;font:inherit;min-height:34px}.wf-app button:hover{border-color:var(--wf-accent);background:#22353e}.wf-app button:disabled{opacity:.45;cursor:wait}.wf-app .primary{background:#087f8c;border-color:#1197a3}.wf-header{min-height:65px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--wf-border);gap:12px;flex-wrap:wrap}.wf-title{display:flex;align-items:center;gap:12px}.wf-title input{font-weight:700;width:195px;background:transparent}.wf-saved{font-size:11px;color:#8b9bab}.wf-actions{display:flex;gap:6px;align-items:center}.wf-actions .wf-price{color:#ffd57d;padding:0 10px}.wf-body{position:relative;flex:1;min-height:0;display:flex}.wf-viewport{position:relative;overflow:hidden;flex:1;touch-action:none;background-image:radial-gradient(#344051 1px,transparent 1px);background-size:22px 22px;cursor:default}.wf-viewport.panning{cursor:grab}.wf-world{position:absolute;inset:0;transform-origin:0 0;width:1px;height:1px}.wf-edges{position:absolute;overflow:visible;inset:0;width:1px;height:1px;pointer-events:none}.wf-edges path{fill:none;stroke:#617586;stroke-width:2;pointer-events:stroke;cursor:pointer}.wf-edges path:hover,.wf-edges path.selected{stroke:#39d8d2;stroke-width:4}.wf-edges text{fill:#a8b9c7;font-size:11px;pointer-events:none}.wf-node{position:absolute;width:280px;border:1px solid #3b485b;background:#161e2a;border-radius:13px;box-shadow:0 12px 28px #0004;user-select:none}.wf-node.selected{border-color:#39d8d2;box-shadow:0 0 0 2px #39d8d233,0 12px 28px #0004}.wf-node.running{border-color:#ffd57d}.wf-node.failed{border-color:#fb8e88}.wf-node.note{background:#fdf4cc;color:#554727;border-color:#d9b953}.wf-node header{padding:12px 14px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;cursor:move;gap:8px}.wf-node header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-node header span{font-size:10px;color:#9cb0c0}.wf-node.note header span{color:#6c5a27}.wf-node-body{height:165px;padding:12px;overflow:hidden;display:flex;flex-direction:column;gap:8px;justify-content:center}.wf-node-body img,.wf-node-body video{width:100%;height:140px;object-fit:contain;border-radius:6px}.wf-node-body audio{width:100%;height:48px}.wf-node-body p{white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;color:#aab8c9;font-size:12px;margin:0;word-break:break-word}.wf-node.note p{color:#665837}.wf-node footer{font-size:10px;padding:8px 14px;border-top:1px solid #ffffff12;color:#8ca4b7;display:flex;justify-content:space-between}.wf-port{position:absolute;top:110px;border:2px solid #39d8d2!important;padding:0!important;border-radius:50%!important;width:22px;min-height:22px!important;height:22px;background:#173744!important;color:#7ff9ef!important;z-index:4;cursor:crosshair}.wf-port.in{left:-12px}.wf-port.out{right:-12px}.wf-port:hover{box-shadow:0 0 0 7px #39d8d22a}.wf-shelf{position:absolute;left:14px;top:18px;z-index:5;display:flex;flex-direction:column;gap:7px;padding:8px;background:#121c28eb;border:1px solid var(--wf-border);border-radius:12px}.wf-shelf button{width:42px;padding:6px}.wf-controls{position:absolute;bottom:16px;left:16px;z-index:5;display:flex;align-items:center;gap:7px;background:#121c28ee;border:1px solid var(--wf-border);border-radius:10px;padding:7px}.wf-controls span{min-width:45px;text-align:center}.wf-hint{position:absolute;left:90px;top:20px;z-index:3;color:#90a2b5;font-size:12px;pointer-events:none}.wf-empty{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:360px;color:#8195aa}.wf-empty strong{font-size:26px;font-weight:500;display:block;color:#d2e0ec;margin-bottom:12px}.wf-inspector{width:320px;flex-shrink:0;border-left:1px solid var(--wf-border);padding:20px;overflow:auto;background:#121923}.wf-inspector h3{margin:0 0 18px}.wf-inspector label{display:block;margin:12px 0;font-size:12px;color:#a7b7c7}.wf-inspector input,.wf-inspector select,.wf-inspector textarea{width:100%;margin-top:7px}.wf-inspector textarea{min-height:170px;line-height:1.6;resize:vertical}.wf-inspector p{color:#8da1b6;line-height:1.7;font-size:12px}.wf-inspector .row{display:flex;gap:8px;flex-wrap:wrap}.wf-inspector .row button{flex:1}.wf-inspector .wf-source-thumb{width:58px;height:58px;object-fit:cover;border-radius:6px;cursor:zoom-in}.wf-inspector .wf-assets{display:flex;gap:7px;flex-wrap:wrap}.wf-inspector .wf-connection{padding:8px 0;display:flex;align-items:center;gap:6px;border-bottom:1px solid #293242}.wf-inspector .wf-connection span{flex:1;overflow:hidden;text-overflow:ellipsis}.wf-inspector .wf-connection button{padding:1px 8px;min-height:25px}.wf-runline{padding:8px 18px;border-top:1px solid var(--wf-border);background:#141e2a;color:#a6b9cc;display:flex;justify-content:space-between;gap:8px}.wf-runline a{color:#69e0d9}.wf-palette{position:absolute;left:70px;top:18px;z-index:12;padding:10px;min-width:185px;border:1px solid #415162;background:#192330;border-radius:12px;box-shadow:0 16px 30px #0007}.wf-palette button{display:block;width:100%;text-align:left;border:none;margin:3px 0}.wf-lightbox img{max-width:100%;max-height:70vh;object-fit:contain}.wf-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:65vh;overflow:auto}.wf-library button{text-align:left;overflow:hidden}.wf-library img{width:100%;height:100px;object-fit:contain}.wf-library small{display:block;word-break:break-all}.wf-error{color:#ffaaa2!important}.wf-log{padding:12px;border-bottom:1px solid #e0e8eb}.wf-log pre{white-space:pre-wrap;max-height:250px;overflow:auto}.wf-inspector .wf-output{white-space:pre-wrap;color:#d2e5ee;font-size:12px;max-height:200px;overflow:auto}.wf-app a{color:#51d4d4}.wf-chip{font-size:10px;background:#22303e;border-radius:6px;padding:3px 6px}.wf-text-body{font-size:12px;line-height:1.6;white-space:pre-wrap;max-height:145px;overflow:auto;user-select:text}.wf-node small{color:#7acfc5}.wf-app .danger{color:#ffaaa2}.wf-preview-grid{display:flex;flex-wrap:wrap;gap:5px}.wf-preview-grid img{width:90px;height:90px;object-fit:contain;cursor:zoom-in}.wf-help-list{line-height:2}.wf-inspector .wf-missing{border:1px solid #d3a757;padding:10px;border-radius:8px;color:#ffd78a}.wf-fullscreen .sidebar,.wf-fullscreen .topbar{display:none}.wf-fullscreen .page{margin:0}.wf-fullscreen.shell{display:block}.wf-fullscreen .wf-app{height:100dvh}.wf-app *:focus-visible{outline:2px solid #39d8d2;outline-offset:2px}@media(max-width:1000px){.wf-inspector{width:270px}.wf-title input{width:140px}.wf-actions{flex-wrap:wrap}}@media(max-width:720px){.wf-inspector{position:absolute;right:0;top:0;bottom:0;width:270px;z-index:7}.wf-header{padding:8px}.wf-actions{gap:4px}.wf-actions button{padding:6px}.wf-hint{display:none}.wf-library{grid-template-columns:repeat(2,1fr)}}