.wk-app{--wk-blue:#245b9e;--wk-dark:#173750;--wk-line:#d5e0eb;--wk-muted:#73869a;background:#f1f5f9;padding:25px 24px 20px;color:#18334b;font-family:Arial,Helvetica,sans-serif}.wk-heading{max-width:1740px;margin:0 auto 23px;display:flex;align-items:center;justify-content:space-between;gap:25px}.wk-heading .eyebrow{font-size:9px;margin:0 0 8px}.wk-heading h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:0 0 8px}.wk-heading h1 span{color:#3574b7}.wk-heading p{font-size:12px;color:var(--wk-muted);margin:0}.wk-heading>.button{font-size:11px;padding:12px 18px}.wk-layout{display:grid;grid-template-columns:216px minmax(0,1fr);gap:17px;max-width:1740px;margin:auto;align-items:stretch}.wk-library{background:#fff;border:1px solid var(--wk-line);border-radius:7px;display:flex;flex-direction:column;overflow:hidden;max-height:780px}.wk-library-head{padding:17px 15px 12px;border-bottom:1px solid #e1e9f1}.wk-library-head strong{font-size:13px;display:block}.wk-library-head span{font-size:10px;color:#8a9bad;display:block;margin-top:4px}.wk-categories{display:flex;flex-wrap:wrap;gap:5px;padding:12px}.wk-categories button{font-size:9px;background:#eef3f9;color:#607a92;border:1px solid transparent;border-radius:3px;cursor:pointer;padding:5px 7px}.wk-categories button.active{background:#245b9e;color:white}.wk-catalog{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 10px 12px;overflow:auto;align-content:start;flex:1;min-height:170px}.wk-equipment{min-width:0;cursor:grab;position:relative;background:#fbfcfe;border:1px solid #dbe5ef;border-radius:4px;padding:7px;color:#31516e;display:flex;flex-direction:column;align-items:center;font-family:inherit;text-align:center;transition:background .15s,border-color .15s}.wk-equipment:hover{background:#edf4fc;border-color:#7c9fc7}.wk-equipment svg{width:76px;height:62px;pointer-events:none}.wk-equipment>span{font-size:9px;line-height:1.3;min-height:24px;display:flex;align-items:center;justify-content:center}.wk-equipment b{position:absolute;top:3px;right:4px;color:#447eb5;font-size:13px;line-height:1}.wk-legend{border-top:1px solid #e1e9f1;padding:12px 14px;display:flex;flex-wrap:wrap;gap:7px 11px;font-size:9px;background:#f9fbfd}.wk-legend strong{width:100%;font-size:9px;font-weight:600;color:#7f92a5;text-transform:uppercase;letter-spacing:.8px}.wk-legend span{display:flex;align-items:center;gap:4px}.wk-legend i{width:6px;height:6px;border-radius:50%;display:inline-block}.wk-shell{background:white;border:1px solid #cddbe7;border-radius:7px;overflow:hidden;min-width:0;box-shadow:0 6px 24px #17375006;display:flex;flex-direction:column}.wk-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #d7e2ec;gap:12px;background:#fff;flex-wrap:wrap;z-index:3}.wk-toolbar-group{display:flex;align-items:center;gap:5px}.wk-toolbar button,.wk-toolbar select,.wk-runbar button,.wk-runbar select,.wk-file-actions button{font:inherit;font-size:10px;border:1px solid #cedce9;background:#f7fafe;color:#345b7d;padding:7px 10px;border-radius:4px;cursor:pointer;line-height:1.3}.wk-toolbar button:hover,.wk-file-actions button:hover{background:#eaf2fc;border-color:#87a8cd}.wk-toolbar button:disabled{opacity:.4;cursor:not-allowed}.wk-toolbar select{background:#fff;max-width:190px;padding-right:8px;font-weight:bold}.wk-stage{position:relative;overflow:hidden;height:min(610px,66vh);min-height:390px;background:#f7fafc;flex:1}.wk-canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;cursor:grab;outline-offset:-4px}.wk-canvas:active{cursor:grabbing}.wk-node{cursor:move;outline:none}.wk-node .wk-selection{fill:transparent;stroke:transparent;stroke-width:2;rx:13}.wk-node:hover .wk-selection{stroke:#acc6e0;stroke-dasharray:6 5}.wk-node.selected .wk-selection,.wk-node:focus .wk-selection{stroke:#367dcc;fill:#d9eafd38;stroke-dasharray:none}.wk-node-label{fill:#42627f;font-size:11px;font-weight:600;font-family:Arial,sans-serif;pointer-events:none}.wk-node-status{font-size:9px;fill:#8ba0b2;font-family:Arial,sans-serif;pointer-events:none}.wk-node.wk-active .wk-node-status{fill:#2177aa}.wk-port{cursor:crosshair;stroke:#f9fcff;stroke-width:3;filter:drop-shadow(0 1px 1px #18354a30)}.wk-port:hover,.wk-port:focus{stroke:#205d9f;stroke-width:4;outline:none}.wk-port-out{fill:#3b8fbe}.wk-port-in{fill:#9bb3c8}.wk-port-airout,.wk-port-airin{fill:#66b8cb}.wk-port.wk-port-armed{fill:#ed9d32;stroke:#a36b1d;animation:wkpulse 1s infinite}.wk-edge-hit{fill:none;stroke:transparent;stroke-width:20;cursor:pointer}.wk-edge-line{fill:none;stroke:#a2b7ca;stroke-width:5;stroke-linecap:round;pointer-events:none}.wk-edge.air .wk-edge-line{stroke:#8fc5d4;stroke-width:3;stroke-dasharray:7 7}.wk-edge.selected .wk-edge-line{stroke:#df953c;stroke-width:7}.wk-edge-arrow{fill:#91a9bd}.wk-running .wk-edge-line{stroke:#7d9db9}.wk-running .wk-edge.air .wk-edge-line{animation:wk-air 1.2s linear infinite}.wk-running .wk-node.wk-active .wk-rotor{animation:wk-spin calc(2s / var(--wk-speed,1)) linear infinite;transform-box:fill-box;transform-origin:center}.wk-running .wk-node.wk-active .wk-led{fill:#2dd69d;animation:wkpulse .8s infinite}.wk-particle{stroke:#fff;stroke-width:1.3;pointer-events:none;filter:drop-shadow(0 1px 1px #263d5c30)}.wk-port-tooltip{pointer-events:none}.wk-node .wk-machine-art{pointer-events:none}.wk-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;color:#9cb1c4;gap:10px;padding:30px}.wk-empty strong{font-size:20px;color:#607f9a}.wk-empty span{font-size:12px}.wk-connect-hint{position:absolute;top:14px;left:50%;transform:translateX(-50%);background:#1f4e79;color:#fff;padding:10px 16px;border-radius:5px;font-size:11px;pointer-events:none;box-shadow:0 4px 18px #17375020}.wk-inspector{position:absolute;right:14px;bottom:14px;width:245px;background:#fffffffa;border:1px solid #b6cce0;box-shadow:0 9px 30px #1737501c;border-radius:6px;overflow:hidden}.wk-inspector-top{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#edf4fb;border-bottom:1px solid #d2e1ee;font-size:11px}.wk-inspector-top button{border:0;background:transparent;color:#62819e;cursor:pointer;font-size:12px}.wk-inspector [data-wk-inspector-body]{padding:13px}.wk-inspector label{display:block;font-size:10px;font-weight:600;color:#6c8297;margin:0 0 10px}.wk-inspector input,.wk-inspector select{display:block;width:100%;border:1px solid #cadbe8;border-radius:3px;background:#fbfdff;padding:7px 9px;font:inherit;font-size:11px;margin-top:5px;color:#224866}.wk-inspector p{font-size:10px;color:#8296a8;margin:0 0 10px}.wk-inspector-actions{display:flex;gap:7px}.wk-inspector-actions button{border:1px solid #c9dbe9;background:#f2f7fc;color:#396a94;font-size:10px;padding:6px 11px;border-radius:3px;cursor:pointer}.wk-inspector-actions button.danger{color:#b85050;background:#fff5f3;border-color:#ebc7c3}.wk-runbar{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;gap:16px;border-top:1px solid #d4e0ea;background:#fff}.wk-run-controls{display:flex;align-items:center;gap:8px}.wk-runbar .wk-run{background:#1f64a5;color:#fff;border-color:#1f64a5;font-size:12px;font-weight:bold;padding:9px 17px;min-width:120px}.wk-runbar .wk-run:hover{background:#164a7b}.wk-runbar label{display:flex;align-items:center;gap:6px;font-size:10px;color:#8198ad;margin-left:5px}.wk-runbar select{padding:6px 7px;background:#fff}.wk-run-status{display:flex;gap:8px;align-items:center;font-size:10px;color:#69839a}.wk-run-status i{width:6px;height:6px;border-radius:50%;background:#95a8b7}.wk-running .wk-run-status i{background:#34ae89;box-shadow:0 0 0 3px #34ae891a}.wk-statusbar{display:flex;justify-content:space-between;gap:15px;background:#edf3f8;border-top:1px solid #d7e3ed;padding:8px 13px;font-size:9px;color:#7891a7}.wk-validation{padding:13px 17px;background:#fff6e9;border-top:1px solid #efd9b8;font-size:11px;color:#9b6d27}.wk-validation ul{padding-left:18px;margin:5px 0}.wk-projectbar{max-width:1740px;margin:16px auto 0;background:#fff;border:1px solid #d6e1ea;border-radius:6px;display:flex;align-items:end;gap:18px;padding:14px 18px}.wk-projectbar label{font-size:10px;color:#7c92a5;font-weight:600;flex:1}.wk-projectbar input{display:block;border:0;border-bottom:1px solid #cdddea;background:white;font:inherit;font-size:12px;color:#294e6d;width:100%;padding:6px 0;margin-top:3px;outline-offset:1px}.wk-projectbar label:nth-child(2){max-width:160px}.wk-file-actions{display:flex;gap:7px;flex-wrap:wrap}.wk-file-actions button{font-size:10px;padding:8px 12px}.wk-disclaimer{max-width:1740px;margin:13px auto 0;font-size:10px;color:#8fa0af}.wk-summary-dialog{border:1px solid #cedbe7;border-radius:9px;max-width:min(1000px,94vw);width:1000px;max-height:90vh;padding:0;color:#254963;font-family:inherit;background:#fff}.wk-summary-dialog::backdrop{background:#1737509c;backdrop-filter:blur(3px)}.wk-dialog-header{padding:23px 28px;border-bottom:1px solid #dce6ef;display:flex;justify-content:space-between;align-items:start;background:#f5f9fd}.wk-dialog-header .eyebrow{margin-bottom:5px;font-size:9px}.wk-dialog-header h2{font-size:27px;line-height:1.2;margin:0}.wk-dialog-header>button{border:0;background:#e7eef6;border-radius:50%;height:29px;width:29px;color:#577c9b;cursor:pointer}.wk-dialog-body{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;padding:25px 28px}.wk-project-overview h3{font-size:17px;margin:0 0 10px}.wk-project-overview p{font-size:11px;color:#7c91a3}.wk-project-overview ul{padding:0;list-style:none;max-height:260px;overflow:auto;border-top:1px solid #dce6ef}.wk-project-overview li{display:flex;justify-content:space-between;border-bottom:1px solid #e4ecf2;padding:7px 0;font-size:11px;gap:14px}.wk-project-overview li small{color:#92a3b2}.wk-project-overview .wk-mini-actions{display:flex;gap:8px;margin-top:15px}.wk-mini-actions button{padding:8px 12px;border:1px solid #c5d9e9;background:#f5f9fe;color:#376f9e;font-size:10px;border-radius:3px;cursor:pointer}.wk-contact-form h3{font-size:14px;margin:0 0 15px}.wk-contact-form label{display:block;font-size:10px;color:#718a9e;margin-bottom:12px}.wk-contact-form input,.wk-contact-form textarea{display:block;border:1px solid #cbdce8;background:#fcfdff;border-radius:3px;padding:8px 10px;width:100%;font:inherit;font-size:12px;margin-top:4px;color:#24445c}.wk-contact-form textarea{height:65px;resize:vertical}.wk-contact-form>div{display:flex;gap:7px;flex-wrap:wrap}.wk-contact-form .button{font-size:10px;padding:10px 12px}.wk-contact-form small{font-size:9px;color:#8a9caa;display:block;margin-top:12px}.wk-toast{position:fixed;z-index:100;left:50%;bottom:25px;transform:translateX(-50%);padding:12px 22px;background:#173d5d;color:white;border-radius:5px;box-shadow:0 5px 20px #17375030;max-width:90vw;font-size:11px}.wk-shell:fullscreen{width:100vw;height:100vh;border:0;border-radius:0}.wk-shell:fullscreen .wk-stage{height:auto;min-height:0;flex:1}.wk-shell:fullscreen .wk-toolbar{padding:12px 18px}.wk-app [hidden]{display:none!important}.wk-grid-label{font-family:Arial,sans-serif;font-size:9px;fill:#abc0d1;pointer-events:none}.wk-watermark{font-family:Arial,sans-serif;font-size:45px;letter-spacing:5px;font-weight:bold;fill:#ccdae6;opacity:.22;pointer-events:none}
@keyframes wk-spin{to{transform:rotate(360deg)}}@keyframes wk-air{to{stroke-dashoffset:-28}}@keyframes wkpulse{50%{opacity:.4}}
@media(min-width:1700px){.wk-heading h1{font-size:34px}.wk-layout{grid-template-columns:240px 1fr}.wk-stage{height:690px}.wk-catalog{gap:10px;padding:0 14px 14px}.wk-equipment svg{width:90px;height:73px}.wk-equipment>span{font-size:10px}}
@media(max-width:1100px){.wk-app{padding:22px 15px}.wk-layout{grid-template-columns:185px minmax(0,1fr);gap:12px}.wk-catalog{gap:6px;padding:0 8px 8px}.wk-equipment svg{width:65px;height:55px}.wk-equipment>span{font-size:8px}.wk-library-head{padding:13px 11px}.wk-library-head strong{font-size:11px}.wk-heading h1{font-size:25px}.wk-toolbar{gap:8px;padding:8px}.wk-toolbar button,.wk-toolbar select{font-size:9px;padding:6px 7px}.wk-statusbar>span:nth-child(2){display:none}.wk-stage{min-height:420px}.wk-runbar{padding:10px;gap:10px}.wk-run-status{max-width:190px;font-size:9px}.wk-projectbar{gap:12px;padding:12px}.wk-file-actions button{padding:7px 9px}}
@media(max-width:760px){.wk-heading{display:block;margin-bottom:16px}.wk-heading>.button{margin-top:14px;padding:9px 13px;font-size:10px}.wk-heading h1{font-size:25px}.wk-heading h1 span{display:block}.wk-layout{grid-template-columns:1fr}.wk-library{max-height:none;order:1}.wk-library-head{padding:11px 14px;display:flex;align-items:center;justify-content:space-between}.wk-library-head span{margin:0}.wk-categories{padding:10px 12px}.wk-catalog{display:flex;overflow-x:auto;padding:0 12px 12px;gap:8px;max-height:none}.wk-equipment{flex:0 0 95px}.wk-equipment svg{width:77px;height:63px}.wk-equipment>span{font-size:9px}.wk-legend{padding:10px 13px;gap:6px 12px}.wk-legend strong{width:auto;margin-right:8px}.wk-shell{order:0}.wk-stage{height:440px;min-height:350px}.wk-toolbar{gap:7px}.wk-toolbar-group{gap:4px;flex-wrap:wrap}.wk-toolbar select{max-width:155px}.wk-toolbar button{padding:7px}.wk-runbar{flex-wrap:wrap}.wk-run-status{max-width:none}.wk-runbar .wk-run{padding:9px 12px;min-width:110px}.wk-projectbar{flex-wrap:wrap}.wk-projectbar label:first-child{min-width:180px}.wk-projectbar label:nth-child(2){max-width:none;min-width:135px}.wk-file-actions{width:100%;padding-top:5px}.wk-statusbar{padding:8px 10px}.wk-inspector{width:220px;bottom:10px;right:10px}.wk-inspector-top{padding:9px 11px}.wk-inspector [data-wk-inspector-body]{padding:10px}.wk-dialog-body{grid-template-columns:1fr;gap:24px;padding:20px}.wk-dialog-header{padding:20px}.wk-disclaimer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.wk-app *{animation:none!important;transition:none!important}}

@media(min-width:761px){.wk-stage{height:clamp(350px,calc(100vh - 390px),650px);min-height:350px}}body:has(.wk-app) .whatsapp{display:none}

@media(min-width:761px){.wk-layout{height:clamp(520px,calc(100vh - 285px),780px)}.wk-library{height:100%;max-height:100%}.wk-shell{height:100%}.wk-stage{height:auto;min-height:0;flex:1}}

/* Equipment library and connection mode */
@media(min-width:761px){.wk-layout{grid-template-columns:clamp(235px,21vw,310px) minmax(0,1fr)}}
.wk-library-head strong{font-size:16px;color:#16334c}
.wk-library-head span{font-size:12px;color:#425e75}
.wk-categories button{font-size:12px;font-weight:600;color:#294c68}
.wk-equipment>span{font-size:12px;font-weight:700;line-height:1.3;color:#1c3b56}
.wk-equipment b{font-size:15px}
.wk-toolbar button,.wk-toolbar select{font-size:12px}
.wk-node-label{fill:#193b57;font-size:14px;font-weight:700}
.wk-node-status{fill:#526e85;font-size:11px}
.wk-connect-hint{font-size:13px;width:max-content;max-width:calc(100% - 26px);z-index:2}
.wk-toolbar [data-wk-connect]{background:#e8f3ff;border-color:#7ba8d4;color:#174f86;font-weight:700}
.wk-toolbar [data-wk-connect][aria-pressed=true]{background:#225b96;color:white}
.wk-quick-connect .wk-node{cursor:crosshair}
.wk-quick-connect .wk-node .wk-selection{pointer-events:all}
.wk-quick-connect .wk-connect-ready .wk-selection{stroke:#2585a7;stroke-width:2.5;stroke-dasharray:6 5;fill:#d7f2f640}
.wk-quick-connect .wk-connect-ready:hover .wk-selection,.wk-quick-connect .wk-connect-ready:focus .wk-selection{stroke:#13568f;stroke-width:4;stroke-dasharray:none;fill:#c9e7ff85}
.wk-quick-connect .wk-connect-source .wk-selection{stroke:#a86213;stroke-width:3;fill:#ffe1ac60}
@media(max-width:760px){.wk-library-head{flex-wrap:wrap;gap:4px 12px}.wk-toolbar-group{flex-wrap:wrap}.wk-toolbar button,.wk-toolbar select{font-size:11px}}
