#wbs-app{--ink:#29243d;--purple:#7252bb;--paper:#f8f7f3;--line:#e3dee9;--muted:#776e85;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:14px;line-height:1.45;max-width:1600px;margin:auto;text-align:left}#wbs-app *{box-sizing:border-box}#wbs-app [hidden]{display:none!important}#wbs-app button,#wbs-app input,#wbs-app textarea,#wbs-app select{font:inherit}#wbs-app button{cursor:pointer;background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:9px 13px;line-height:1.3;font-weight:600;min-height:38px;transition:background .15s,box-shadow .15s}#wbs-app button:hover{background:#f3eef9;box-shadow:0 2px 4px #29243d0b}#wbs-app button:disabled{opacity:.4;cursor:default;box-shadow:none}#wbs-app :is(button,input,select,textarea,a,summary):focus-visible{outline:3px solid #ac8fde;outline-offset:3px}#wbs-app a{color:#62449c;text-decoration:underline;text-underline-offset:3px}#wbs-app h1{font-size:clamp(28px,3.5vw,42px);line-height:1.1;letter-spacing:-1.5px;margin:4px 0 9px;font-weight:750}#wbs-app h2{font-size:20px;margin:8px 0}#wbs-app p{margin:0 0 12px}#wbs-app .wbs-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 4px 23px}#wbs-app .wbs-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--purple);margin:0 0 7px}#wbs-app .wbs-lead{font-size:16px;color:var(--muted);margin:0}#wbs-app .wbs-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#wbs-app .wbs-share{background:#eee7f8;border-color:#e0d4f2;color:#62449c}#wbs-app .wbs-primary{background:var(--purple);border-color:var(--purple);color:#fff}#wbs-app .wbs-primary:hover{background:#62429f}#wbs-app .wbs-quiet{background:transparent;border-color:transparent}#wbs-app .wbs-topline{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 17px;background:var(--ink);color:#fff;border-radius:12px 12px 0 0;font-size:12px}#wbs-app #wbs-project-label{font-size:15px;font-weight:700;overflow-wrap:anywhere}#wbs-app #wbs-count{color:#d8cee8}#wbs-app .wbs-local{margin-left:auto;color:#d8cee8;font-size:11px}#wbs-app .wbs-toolbar{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--line);flex-wrap:wrap;background:#fff}#wbs-app .wbs-separator{height:26px;border-left:1px solid var(--line);margin:0 3px}#wbs-app .wbs-autosave{margin-left:auto;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}#wbs-app .wbs-autosave input{accent-color:var(--purple)}#wbs-app .wbs-menu{position:relative}#wbs-app .wbs-dropdown{position:absolute;top:44px;left:0;background:#fff;padding:7px;border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 35px #29243d25;min-width:210px;z-index:30}#wbs-app .wbs-dropdown button{display:block;width:100%;border:0;text-align:left;font-size:13px}#wbs-app .wbs-workspace{display:grid;grid-template-columns:minmax(0,1fr) 312px;align-items:stretch;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;overflow:hidden}#wbs-app .wbs-main{min-width:0;background:var(--paper)}#wbs-app .wbs-viewbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:12px 15px;background:#fff}#wbs-app .wbs-segment{display:flex;gap:0;background:#f3eff8;border-radius:8px;padding:3px}#wbs-app .wbs-segment button{border:0;border-radius:6px;background:transparent;padding:6px 12px;font-size:12px;min-height:30px;color:#776e85}#wbs-app .wbs-segment button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 2px 5px #29243d10}#wbs-app .wbs-focus-label{display:flex;gap:8px;align-items:center;font-size:12px;margin-left:auto}#wbs-app .wbs-focus-label select{max-width:180px;font-size:12px;padding:7px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}#wbs-app .wbs-viewbar>.wbs-quiet{font-size:11px;padding:4px;min-height:30px}#wbs-app .wbs-canvas-tools{display:flex;justify-content:space-between;align-items:center;color:var(--muted);padding:10px 16px;font-size:11px;gap:10px}#wbs-app .wbs-canvas-tools>div{display:flex;align-items:center;gap:6px}#wbs-app .wbs-canvas-tools button{min-height:29px;font-size:12px;padding:3px 8px}#wbs-app #wbs-canvas{overflow:auto;height:690px;max-height:78vh;min-height:400px;overscroll-behavior:contain}#wbs-app #wbs-drawing{padding:0 6px 15px;min-width:100%;display:flex;justify-content:flex-start}#wbs-app #wbs-drawing svg{flex:none;display:block;margin:0 auto}#wbs-app .wbs-node{cursor:pointer;outline:none}#wbs-app .wbs-node:focus>rect:nth-of-type(2){stroke:#aa84e3;stroke-width:4}#wbs-app .wbs-node:hover>rect:nth-of-type(2){filter:brightness(.98)}#wbs-app .wbs-map-note{border-top:1px solid var(--line);padding:12px 16px;font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}#wbs-app .wbs-note-dot{width:7px;height:7px;background:#d89822;border-radius:50%;flex-shrink:0}#wbs-app .wbs-inspector{border-left:1px solid var(--line);background:#fff;padding:18px;min-width:0}#wbs-app .wbs-inspector-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}#wbs-app #wbs-selected-code{padding:4px 10px;border-radius:5px;background:#eee7f8;color:#62449c;font-weight:700}#wbs-app .wbs-small{font-size:11px;line-height:1.6;color:var(--muted)}#wbs-app #wbs-editor{display:grid;gap:12px}#wbs-app #wbs-editor label{display:grid;gap:5px;font-size:11px;font-weight:700}#wbs-app #wbs-editor :is(input:not([type=color]),textarea,select){display:block;width:100%;padding:9px 10px;border:1px solid var(--line);background:#fffcf5;border-radius:7px;color:var(--ink);font-size:12px;font-weight:400;min-width:0}#wbs-app textarea{resize:vertical}#wbs-app #wbs-editor input[type=color]{height:35px;width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;padding:4px}#wbs-app .wbs-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}#wbs-app summary{cursor:pointer;font-size:12px;color:var(--muted)}#wbs-app details[open] summary{margin-bottom:9px}#wbs-app details label+label{margin-top:10px}#wbs-app .wbs-apply{width:100%;margin-top:3px}#wbs-app .wbs-item-actions{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}#wbs-app .wbs-item-actions button{font-size:11px;min-height:30px;padding:5px 8px}#wbs-app .wbs-danger{color:#ac463b!important}#wbs-app .wbs-notice{font-size:12px;padding:12px 3px;color:#65597a;min-height:42px}#wbs-app .wbs-notice.error{color:#ad352e;font-weight:600}#wbs-app .wbs-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding:16px 3px;font-size:11px;color:var(--muted)}#wbs-app .wbs-bottom a{color:var(--muted)}#wbs-app #wbs-outline{overflow:auto;max-height:740px;padding:14px}#wbs-app table{border-collapse:collapse;width:100%;font-size:12px;background:#fff}#wbs-app th{background:#eee7f8;text-align:left;white-space:nowrap;padding:10px;color:#62449c}#wbs-app td{padding:10px;border-bottom:1px solid var(--line);max-width:300px;overflow-wrap:anywhere}#wbs-app td button{border:0;text-align:left;font-size:12px;padding:0;background:transparent}#wbs-app dialog{max-width:620px;width:calc(100% - 28px);max-height:90vh;border:1px solid var(--line);padding:24px;border-radius:16px;color:var(--ink);box-shadow:0 25px 100px #29243d40}#wbs-app dialog::backdrop{background:#29243d70}#wbs-app .wbs-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}#wbs-app .wbs-dialog-head h2{margin:0;font-size:22px}#wbs-app .wbs-dialog-head button{border:0;font-size:24px;padding:0;min-width:35px;background:transparent}#wbs-app dialog label{font-weight:700;font-size:12px;display:block;margin:18px 0 6px}#wbs-app dialog textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;min-height:82px;font:12px monospace;overflow-wrap:anywhere;background:#f9f6fd;color:var(--ink);display:block;margin-bottom:7px}#wbs-app dialog p,#wbs-app dialog li{font-size:13px;line-height:1.7}#wbs-app dialog li{margin-bottom:7px}#wbs-app .wbs-warning{padding:12px;background:#fff3d3;border-radius:8px;color:#765a19}#wbs-app #wbs-open-full{display:none;font-size:12px}body.wbs-embed{margin:0;background:#fff}body.wbs-embed #wbs-app{max-width:none;padding:8px}body.wbs-embed .wbs-eyebrow,body.wbs-embed .wbs-lead,body.wbs-embed .wbs-local,body.wbs-embed .wbs-bottom>span{display:none!important}body.wbs-embed #wbs-app .wbs-heading{padding:9px 3px 15px}body.wbs-embed #wbs-app h1{font-size:25px;letter-spacing:-.7px}body.wbs-embed #wbs-app #wbs-open-full{display:inline}body.wbs-embed #wbs-app .wbs-inspector{padding:13px}body.wbs-embed #wbs-app .wbs-workspace{grid-template-columns:minmax(0,1fr) 275px}body.wbs-embed #wbs-app #wbs-canvas{height:550px;max-height:none}body.wbs-embed #wbs-app .wbs-bottom{padding:8px 3px}
@media(max-width:1050px){#wbs-app .wbs-workspace{grid-template-columns:minmax(0,1fr) 285px}#wbs-app .wbs-autosave{margin-left:0}#wbs-app .wbs-heading{gap:15px}#wbs-app .wbs-local{display:none}}
@media(max-width:760px){#wbs-app .wbs-heading{align-items:flex-start;flex-direction:column;padding:20px 3px 15px;gap:10px}#wbs-app .wbs-heading-actions{width:100%;justify-content:space-between;gap:5px}#wbs-app .wbs-heading-actions button{font-size:12px}#wbs-app .wbs-workspace,body.wbs-embed #wbs-app .wbs-workspace{grid-template-columns:1fr}#wbs-app .wbs-inspector{border-left:0;border-top:1px solid var(--line)}#wbs-app #wbs-canvas,body.wbs-embed #wbs-app #wbs-canvas{height:480px;min-height:360px}#wbs-app .wbs-toolbar{gap:6px;padding:10px}#wbs-app .wbs-toolbar button{font-size:12px;padding:8px 10px}#wbs-app .wbs-topline{gap:7px;padding:11px}#wbs-app .wbs-focus-label{margin-left:0}#wbs-app .wbs-viewbar{gap:8px;padding:10px}#wbs-app .wbs-separator{display:none}#wbs-app .wbs-dropdown{left:auto;right:0}#wbs-app .wbs-canvas-tools>span{max-width:110px}#wbs-app .wbs-bottom{font-size:10px}}
@media print{body>*:not(#wbs-app){display:none!important}#wbs-app .wbs-heading-actions,#wbs-app .wbs-toolbar,#wbs-app .wbs-inspector,#wbs-app .wbs-viewbar,#wbs-app .wbs-canvas-tools,#wbs-app .wbs-notice,#wbs-app .wbs-bottom,#wbs-app .wbs-topline{display:none!important}#wbs-app .wbs-workspace{display:block!important;border:0}#wbs-app #wbs-canvas{overflow:visible;height:auto!important;max-height:none!important;min-height:0}#wbs-app #wbs-drawing svg{width:100%!important;height:auto!important}#wbs-app .wbs-heading{padding:0 0 15px}#wbs-app .wbs-map-note{display:none}@page{size:A3 landscape;margin:12mm}}

.wbs-toggle{cursor:pointer;outline:none}.wbs-toggle:hover rect{fill-opacity:.28}.wbs-toggle:focus-visible rect{stroke:#E4AE3D;stroke-width:3;stroke-opacity:1}
