.wb-root{display:flex;flex-direction:column;gap:10px;height:calc(100vh - 92px);min-height:600px;padding:12px;max-width:100%;box-sizing:border-box}.wb-toolbar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;flex-wrap:wrap}.wb-toolbar-sep{width:1px;height:22px;background:rgba(255,255,255,.1);margin:0 4px}.wb-toolbar-spacer{flex:1 1}.wb-toolbar-hint{font-size:11.5px;color:var(--text-muted);font-family:ui-monospace,SF Mono,Menlo,monospace;padding-right:4px}.wb-title-input{background:transparent;border:0;color:var(--text-primary);font-size:14px;font-weight:600;padding:6px 8px;outline:none;font-family:inherit;min-width:220px;border-radius:6px;transition:background .12s ease}.wb-title-input:focus,.wb-title-input:hover{background:rgba(255,255,255,.07)}.wb-tools{gap:3px}.wb-tool,.wb-tools{display:inline-flex;align-items:center}.wb-tool{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);width:32px;height:30px;border-radius:7px;font-size:14px;cursor:pointer;padding:0;justify-content:center;font-family:inherit;transition:background .12s ease,color .12s ease,border-color .12s ease}.wb-tool:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.wb-tool.is-on{background:rgba(139,92,246,.25);color:#ddd6fe;border-color:rgba(139,92,246,.45)}.wb-export-btn:focus-visible,.wb-icon-btn:focus-visible,.wb-stroke:focus-visible,.wb-swatch:focus-visible,.wb-tool:focus-visible{outline:2px solid var(--acc-ring);outline-offset:2px}.wb-stroke-pick{gap:2px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:3px 4px;border-radius:8px;height:30px}.wb-stroke,.wb-stroke-pick{display:inline-flex;align-items:center}.wb-stroke{width:22px;height:22px;border-radius:6px;border:0;background:transparent;cursor:pointer;justify-content:center;padding:0;transition:background .12s ease}.wb-stroke:hover{background:rgba(255,255,255,.08)}.wb-stroke.is-on{background:rgba(139,92,246,.25)}.wb-stroke-dot{display:inline-block;border-radius:50%;background:var(--text-secondary)}.wb-stroke.is-on .wb-stroke-dot{background:#ddd6fe}.wb-icon-btn{width:30px;height:30px;border-radius:7px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .12s ease,color .12s ease,border-color .12s ease}.wb-icon-btn:hover{background:rgba(255,255,255,.1);color:var(--text-primary);border-color:rgba(255,255,255,.2)}.wb-icon-btn.is-on{background:rgba(139,92,246,.25);color:#ddd6fe;border-color:rgba(139,92,246,.45)}.wb-icon-btn-danger:hover{background:rgba(244,63,94,.16);color:#fda4af;border-color:rgba(244,63,94,.4)}.wb-icon-btn:disabled{opacity:.35;cursor:not-allowed}.wb-icon-btn:disabled:hover{background:rgba(255,255,255,.05);color:var(--text-secondary);border-color:rgba(255,255,255,.1)}.wb-action-group{display:inline-flex;align-items:center;gap:3px;padding:2px;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.wb-color-pick,.wb-export-group{display:inline-flex;gap:4px}.wb-color-pick{align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:3px 6px;border-radius:8px;height:30px}.wb-swatch{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.2);cursor:pointer;padding:0;transition:transform .12s ease}.wb-swatch:hover{transform:scale(1.12)}.wb-swatch.is-on{box-shadow:0 0 0 2px var(--accent-violet)}.wb-canvas{position:relative;flex:1 1;min-height:400px;border-radius:14px;background:linear-gradient(180deg,#0d0d18,#0a0a14);border:1px solid rgba(255,255,255,.06);overflow:hidden;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.wb-canvas[data-tool=select]{cursor:default}.wb-canvas[data-tool=pen]{cursor:crosshair}.wb-canvas[data-tool=sticky],.wb-canvas[data-tool=text]{cursor:text}.wb-canvas[data-pan=true]{cursor:-webkit-grabbing;cursor:grabbing}.wb-canvas[data-space=true]{cursor:-webkit-grab;cursor:grab}.wb-svg{width:100%;height:100%;display:block}.wb-svg:focus-visible{outline:2px solid var(--acc-ring);outline-offset:-2px}.wb-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}.wb-empty-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.wb-empty-overlay .surface-state{min-height:0}.wb-loading-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(10,10,20,.55)}.wb-loading-overlay .surface-state{min-height:0}.wb-persist-banner{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;max-width:min(520px,calc(100% - 24px));padding:8px 10px 8px 12px;border-radius:10px;background:rgba(244,63,94,.14);border:1px solid rgba(244,63,94,.4);color:#fecdd3;font-size:12.5px;line-height:1.35;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.wb-persist-banner button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:inherit;cursor:pointer;padding:2px;border-radius:4px;flex-shrink:0}.wb-persist-banner button:hover{background:rgba(255,255,255,.12)}.wb-grid{fill:url(#wb-grid-pattern)}.wb-sticky-body{height:100%;padding:10px 12px;font-size:13px;line-height:1.4;color:#1f1530;resize:none;overflow:auto}.wb-sticky-body,.wb-text-body{width:100%;font-family:inherit;background:transparent;border:0;outline:none;box-sizing:border-box}.wb-text-body{min-height:100%;padding:2px 4px;white-space:pre-wrap;word-wrap:break-word}.wb-shape[data-selected]{filter:drop-shadow(0 0 0 1.5px var(--accent-violet)) drop-shadow(0 0 6px rgba(139,92,246,.4))}.wb-selection-ring{fill:none;stroke:var(--accent-violet);stroke-width:2;stroke-dasharray:6 4;pointer-events:none}.wb-foot{display:flex;justify-content:space-between;padding:0 6px;color:var(--text-muted);font-family:ui-monospace,SF Mono,Menlo,monospace}.wb-export-btn,.wb-foot{align-items:center;font-size:12px}.wb-export-btn{display:inline-flex;gap:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--text-primary);height:30px;padding:0 10px;border-radius:8px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .12s ease,border-color .12s ease}.wb-export-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}.wb-resize-handle{fill:#ffffff;stroke:var(--accent-violet);stroke-width:1.5}.wb-resize-handle:hover{fill:var(--accent-violet)}.wb-marquee{fill:rgba(139,92,246,.1);stroke:var(--accent-violet);stroke-width:1;stroke-dasharray:4 3;pointer-events:none}@media (max-width:720px){.wb-toolbar{gap:6px}.wb-title-input{min-width:120px}.wb-toolbar-hint{display:none}}.wb-frame-name-input{width:calc(100% - 8px);padding:0 6px;background:transparent;border:0;color:#0a0a14;font-weight:600}.wb-connector-label-input,.wb-frame-name-input{height:100%;outline:none;font-family:inherit;font-size:12px;box-sizing:border-box}.wb-connector-label-input{width:100%;padding:2px 6px;background:#0d0d18;border:1px solid var(--accent-violet);border-radius:4px;color:#f3f4f6;text-align:center}