:root{--wb-bg:#faf9f8;--wb-surface:#fff;--wb-border:#e1dfdd;--wb-text:#323130;--wb-text-2:#605e5c;--wb-accent:#0078d4;--wb-canvas-bg:#f3f2f1}body.wb-dark{--wb-bg:#1b1a19;--wb-surface:#252423;--wb-border:#3b3a39;--wb-text:#f3f2f1;--wb-text-2:#c8c6c4;--wb-accent:#2899f5;--wb-canvas-bg:#141312}*{box-sizing:border-box}body{background:var(--wb-bg);color:var(--wb-text);margin:0;font-family:Segoe UI,system-ui,sans-serif;font-size:13px}#app{flex-direction:column;height:100vh;display:flex}.wb-topbar{background:var(--wb-surface);border-bottom:1px solid var(--wb-border);justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.wb-brand{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.wb-brand .ms-Icon{color:var(--wb-accent);font-size:18px}.wb-brand-sub{color:var(--wb-text-2);font-size:11px;font-weight:400}.wb-topbar-controls{align-items:center;gap:10px;display:flex}.wb-topbar-controls label{color:var(--wb-text-2);align-items:center;gap:5px;font-size:12px;display:flex}.wb-topbar-controls button{border:1px solid var(--wb-border);background:var(--wb-surface);color:var(--wb-text);cursor:pointer;border-radius:3px;padding:4px 8px}.wb-topbar-controls button:hover{border-color:var(--wb-accent);color:var(--wb-accent)}.wb-mode{border:1px solid var(--wb-border);border-radius:3px;display:flex;overflow:hidden}.wb-topbar-controls .wb-mode button{color:var(--wb-text-2);border:0;border-radius:0;padding:4px 10px}.wb-topbar-controls .wb-mode button.active{background:var(--wb-accent);color:#fff;cursor:default}.wb-topbar-controls .wb-mode button.active:hover{color:#fff}body.wb-basic .wb-adv:not(.wb-adv-active){display:none!important}.wb-menu{position:relative}.wb-menu-panel[hidden]{display:none}.wb-menu-panel{z-index:60;background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:4px;flex-direction:column;gap:2px;min-width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 18px #00000047}.wb-topbar-controls .wb-menu-panel button{text-align:left;background:0 0;border:none;border-radius:3px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:12px;display:flex}.wb-topbar-controls .wb-menu-panel button:hover{background:var(--wb-bg);color:var(--wb-accent)}.wb-menu-panel .wb-check{padding:6px 8px;font-size:12px}.wb-menu-panel hr{border:none;border-top:1px solid var(--wb-border);width:100%;margin:3px 0}.wb-layout{flex:1;grid-template-columns:220px 5px 250px 5px 1fr 5px 360px;min-height:0;display:grid}.wb-resizer{cursor:col-resize;touch-action:none;background:0 0}.wb-resizer:hover,.wb-resizer:active{background:var(--wb-accent);opacity:.5}.wb-pane{border-right:1px solid var(--wb-border);background:var(--wb-surface);padding:10px;overflow:auto}.wb-pane h2{text-transform:uppercase;letter-spacing:.06em;color:var(--wb-text-2);margin:2px 0 10px;font-size:11px}.wb-hint{text-transform:none;letter-spacing:0;font-weight:400}.wb-preview-titlecol{float:right;text-transform:none;letter-spacing:0;font-weight:400;display:inline-flex}.wb-canvas.wb-no-titlecol .wb-mock-cell:not(.wb-mock-cell-fmt){display:none}.wb-palette-group{color:var(--wb-text-2);margin:12px 0 6px;font-size:11px;font-weight:600}.wb-palette-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.wb-palette-item{border:1px solid var(--wb-border);background:var(--wb-bg);color:var(--wb-text);cursor:grab;border-radius:4px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:11px;display:flex}.wb-palette-item:hover{border-color:var(--wb-accent);color:var(--wb-accent)}.wb-palette-item .ms-Icon{font-size:16px}.wb-pane-palette h2{justify-content:space-between;align-items:center;display:flex}.wb-pane-palette h2 button{color:var(--wb-text-2);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px}.wb-pane-palette.wb-collapsed{padding:10px 6px}.wb-pane-palette.wb-collapsed .wb-pane-title,.wb-pane-palette.wb-collapsed .wb-palette-group,.wb-pane-palette.wb-collapsed .wb-palette-item span{display:none}.wb-pane-palette.wb-collapsed .wb-palette-grid{grid-template-columns:1fr;gap:4px}.wb-pane-palette.wb-collapsed .wb-palette-item{padding:7px 0}.wb-doc-header{border:1px solid var(--wb-border);cursor:pointer;background:var(--wb-bg);color:var(--wb-text);border-radius:4px;align-items:center;gap:6px;margin:4px 0 2px;padding:5px 7px;font-size:12px;font-weight:600;display:flex}.wb-doc-header:hover{border-color:var(--wb-accent)}.wb-doc-header.active{border-color:var(--wb-accent);color:var(--wb-accent)}.wb-doc-badge{color:var(--wb-text-2);white-space:nowrap;margin-left:auto;font-size:10px;font-weight:400}.wb-doc-group{text-transform:uppercase;letter-spacing:.06em;color:var(--wb-text-2);margin:12px 0 2px;font-size:10px}.wb-doc-missing{color:var(--wb-text-2);border:1px dashed var(--wb-border);border-radius:4px;margin:4px 0;padding:4px 7px;font-size:11px;font-style:italic}.wb-tree-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;justify-content:space-between;align-items:center;padding:3px 4px;display:flex}.wb-tree-row:hover{background:var(--wb-bg)}.wb-tree-row.selected{background:var(--wb-accent);color:#fff}.wb-tree-row.droptarget{outline:2px dashed var(--wb-accent)}.wb-tree-label{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-family:Consolas,monospace;font-size:11px;display:inline-flex;overflow:hidden}.wb-tree-elmicon{color:var(--wb-text-2);font-size:11px}.wb-tree-row.selected .wb-tree-elmicon{color:inherit}.wb-tree-elmtype,.wb-tree-name{font-weight:600}.wb-tree-elmtype-dim{color:var(--wb-text-2);font-size:10px;font-weight:400}.wb-tree-row.selected .wb-tree-elmtype-dim{color:inherit;opacity:.85}.wb-tree-rename{border:1px solid var(--wb-accent);background:var(--wb-surface);width:130px;color:var(--wb-text);border-radius:2px;padding:1px 4px;font:11px Consolas,monospace}.wb-tree-hint{color:var(--wb-text-2)}.wb-tree-row.selected .wb-tree-hint{color:inherit;opacity:.85}.wb-chip{color:#fff;border-radius:3px;flex-shrink:0;padding:0 3px;font-size:9px;line-height:1.4}.wb-chip-loop{background:#ca5010}.wb-chip-action{background:#0078d4}.wb-chip-card{background:#5c2d91}.wb-chip-cfr{background:#038387}.wb-chip-edit{background:#767676}.wb-tree-actions{gap:2px;display:none}.wb-tree-row:hover .wb-tree-actions{display:inline-flex}.wb-tree-actions button{cursor:pointer;color:inherit;background:0 0;border:none;padding:1px 3px;font-size:10px}.wb-tree-cardnote{color:var(--wb-text-2);padding:1px 0;font-size:10px;font-style:italic}.wb-pane-canvas{background:var(--wb-canvas-bg)}.wb-canvas{border-radius:6px;min-height:300px;padding:12px}.wb-canvas.wb-canvas-drop{outline:2px dashed var(--wb-accent)}.wb-mock-list{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:4px}.wb-mock-row{border-bottom:1px solid var(--wb-border);align-items:center;min-height:38px;display:flex}.wb-mock-row:last-child{border-bottom:none}.wb-mock-header{color:var(--wb-text-2);min-height:30px;font-size:11px;font-weight:600}.wb-mock-cell{flex-shrink:0;width:200px;padding:4px 10px}.wb-mock-cell-fmt{flex:1}.wb-mock-viewrow{margin-bottom:4px;padding-left:18px;position:relative}.wb-mock-deck{flex-wrap:wrap;display:flex}.wb-mock-tile{margin:6px}.wb-render-error{color:#a4262c;font-size:12px}.wb-grid{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:4px;overflow-x:auto}.wb-grid-headrow,.wb-grid-row{grid-template-columns:var(--wb-grid-cols);border-bottom:1px solid var(--wb-border);display:grid}.wb-grid-row:last-child{border-bottom:none}.wb-grid-row:hover{background:color-mix(in srgb, var(--wb-bg) 55%, transparent)}.wb-grid-header{min-width:0;color:var(--wb-text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:600;display:flex}.wb-grid-header:hover,.wb-grid-header:focus-visible{background:var(--wb-bg);color:var(--wb-accent)}.wb-grid-header-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wb-grid-header-caret{opacity:.55;font-size:10px}.wb-grid-header:hover .wb-grid-header-caret{opacity:1}.wb-grid-addcol{border:1px dashed var(--wb-border);color:var(--wb-text-2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;align-self:center;margin:4px 6px;padding:2px 6px;font-size:11px}.wb-grid-addcol:hover{border-color:var(--wb-accent);color:var(--wb-accent)}.wb-grid-cell{align-items:center;min-width:0;min-height:38px;padding:6px 10px;display:flex}.wb-grid-empty{color:var(--wb-text-2);padding:16px;font-size:12px;font-style:italic}.wb-grid-drop-before{box-shadow:inset 3px 0 0 var(--wb-accent)}.wb-grid-drop-after{box-shadow:inset -3px 0 0 var(--wb-accent)}.wb-grid-drop-onto{outline:2px dashed var(--wb-accent);outline-offset:-2px;background:color-mix(in srgb, var(--wb-accent) 12%, transparent)}.wb-grid-menu{z-index:1000;background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:4px;flex-direction:column;gap:2px;min-width:200px;max-height:60vh;padding:6px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 6px 18px #00000047}.wb-grid-menu-title{color:var(--wb-text-2);border-bottom:1px solid var(--wb-border);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;padding:4px 8px 6px;font-size:11px;font-weight:600;overflow:hidden}.wb-grid-menu button{width:100%;color:var(--wb-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.wb-grid-menu button:hover{background:var(--wb-bg);color:var(--wb-accent)}@keyframes wb-sel-pulse{0%,to{outline-color:var(--wb-accent)}50%{outline-color:#0078d440}}.wb-selected{outline-offset:3px;animation:1.4s ease-in-out infinite wb-sel-pulse;outline:1px dashed var(--wb-accent)!important}.wb-drop-target{outline-offset:-1px;background:#0078d414;outline:2px dashed var(--wb-accent)!important}.wb-outlines [data-sp-path]{outline-offset:-1px;outline:1px dashed #8c8ca099}.wb-canvas [data-sp-path]:empty{min-width:24px;min-height:24px}.wb-clickable,.wb-has-card{cursor:pointer}.wb-inline-edit{border-bottom:1px dashed var(--wb-accent)}.wb-cfr-chip{color:#605e5c;background:repeating-linear-gradient(45deg,#f3f2f1,#f3f2f1 4px,#e8e6e4 4px 8px);border:1px dashed #a19f9d;border-radius:3px;padding:1px 6px;font-size:10px}.wb-foreach-empty{color:var(--wb-text-2);opacity:.6;font-size:10px}.wb-flyout{z-index:1000;background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:6px;min-width:120px;max-width:420px;position:absolute;box-shadow:0 6px 18px #00000038}.wb-flyout-beak{background:var(--wb-surface);border:1px solid var(--wb-border);width:12px;height:12px;position:absolute;transform:rotate(45deg)}.wb-flyout-beak-top{border-bottom:none;border-right:none;top:-7px;left:calc(50% - 6px)}.wb-flyout-beak-bottom{border-top:none;border-left:none;bottom:-7px;left:calc(50% - 6px)}.wb-flyout-beak-left{border-top:none;border-right:none;top:16px;left:-7px}.wb-flyout-beak-right{border-bottom:none;border-left:none;top:16px;right:-7px}.wb-pane-side{border-right:none;border-left:1px solid var(--wb-border);flex-direction:column;display:flex}.wb-tabs{align-items:center;gap:2px;margin-bottom:8px;display:flex}.wb-tabs button{background:var(--wb-bg);color:var(--wb-text-2);cursor:pointer;border:none;border-radius:3px 3px 0 0;flex:1;padding:6px;font-size:12px}.wb-tabs button.active{background:var(--wb-accent);color:#fff}.wb-tabs #wb-side-peek,.wb-tabs #wb-side-max{border-radius:3px;flex:none;padding:4px 6px;font-size:11px}.wb-tabs #wb-side-peek.active,.wb-tabs #wb-side-max.active{background:var(--wb-accent);color:#fff}.wb-side-rail{color:var(--wb-text-2);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding-top:8px;font-size:12px;display:none}.wb-side-rail span{writing-mode:vertical-rl;letter-spacing:.12em;text-transform:uppercase;font-size:10px}.wb-pane-side.wb-peek:not(.wb-peek-open)>:not(.wb-side-rail){display:none}.wb-pane-side.wb-peek:not(.wb-peek-open){padding:4px 2px}.wb-pane-side.wb-peek:not(.wb-peek-open) .wb-side-rail{display:flex}.wb-pane-side.wb-peek.wb-peek-open{width:var(--wb-side-w,380px);z-index:600;background:var(--wb-surface);border-left:1px solid var(--wb-border);position:fixed;top:49px;bottom:0;right:0;box-shadow:-10px 0 28px #00000047}.wb-tab{flex:1;min-height:0;display:none;overflow:auto}.wb-tab.active{flex-direction:column;display:flex}.wb-inspector-empty{color:var(--wb-text-2);padding:16px 6px}.wb-inspector-section{border-bottom:1px solid var(--wb-border);padding:4px 0 8px}.wb-inspector-section summary{cursor:pointer;color:var(--wb-text);padding:4px 0;font-size:12px;font-weight:600}.wb-field{flex-direction:column;gap:2px;margin:6px 0;display:flex}.wb-field>span{color:var(--wb-text-2);font-size:11px}.wb-field input[type=text],.wb-field textarea,.wb-field select,.wb-kv input,.wb-data-table input,.wb-data-toolbar select{border:1px solid var(--wb-border);background:var(--wb-bg);color:var(--wb-text);border-radius:3px;width:100%;padding:4px 6px;font:12px Consolas,monospace}.wb-kv-row{gap:4px;margin:3px 0;display:flex}.wb-kv input.wb-kv-key{flex:0 0 40%;width:auto;min-width:0}.wb-kv input.wb-kv-val{flex:1 1 0;width:auto;min-width:0}.wb-kv-row{position:relative}.wb-kv-info{color:var(--wb-text-2);cursor:help;flex-shrink:0;align-self:center;font-size:12px;line-height:1;background:0 0!important;border:none!important;padding:0 2px!important}.wb-kv-info-known{color:var(--wb-accent)}.wb-doccard{z-index:200;background:var(--wb-surface);border:1px solid var(--wb-border);border-left:3px solid var(--wb-accent);width:420px;max-height:78vh;color:var(--wb-text);cursor:default;border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.6;position:fixed;overflow-y:auto;box-shadow:0 10px 30px #00000059}.wb-doccard[hidden]{display:none}.wb-doccard-head{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.wb-doccard-prop{color:var(--wb-accent);font:600 14px Consolas,monospace}.wb-doccard-family{letter-spacing:.05em;text-transform:uppercase;color:var(--wb-text-2);border:1px solid var(--wb-border);border-radius:8px;margin-left:auto;padding:1px 8px;font-size:10px;font-weight:600}.wb-doccard-figure{background:var(--wb-bg);border-radius:6px;justify-content:center;margin-bottom:6px;padding:6px 0;display:flex}.wb-doccard-plain{color:var(--wb-text-2);margin-bottom:8px}.wb-doccard-body{white-space:normal;border-top:1px solid var(--wb-border);padding-top:8px}.wb-doccard .wb-doccard-ex{background:var(--wb-bg);color:var(--wb-text);border:1px solid var(--wb-border);cursor:pointer;border-radius:4px;margin:1px;padding:0 6px;font:11px/1.7 Consolas,monospace;display:inline-block}.wb-doccard .wb-doccard-ex:hover{border-color:var(--wb-accent);color:var(--wb-accent)}.wb-doccard-syntax{color:var(--wb-accent);border:1px dashed var(--wb-accent);opacity:.85;background:0 0;border-radius:4px;margin:1px;padding:0 6px;font:italic 11px/1.7 Consolas,monospace;display:inline-block}.wb-doccard-demo{align-items:center;gap:8px;margin-top:8px;display:flex}.wb-doccard-demo-label{letter-spacing:.08em;text-transform:uppercase;color:var(--wb-text-2);flex-shrink:0;font-size:9px;font-weight:600}.wb-doccard-demo-chip{background:var(--wb-bg);border:1px solid var(--wb-border);border-radius:3px;padding:3px 12px;font-size:12px;display:inline-block}.wb-doccard-related{flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;display:flex}.wb-doccard .wb-doccard-rel{color:var(--wb-text-2);border:1px solid var(--wb-border);cursor:pointer;background:0 0;border-radius:9px;padding:0 7px;font:11px/1.7 Consolas,monospace}.wb-doccard .wb-doccard-rel:hover{border-color:var(--wb-accent);color:var(--wb-accent)}.wb-doccard .wb-doccard-rel.active{border-color:var(--wb-accent);color:var(--wb-accent);background:#0078d41a}.wb-doccard-gloss{grid-template-columns:auto 1fr;align-items:start;gap:3px 10px;margin:8px 0 0;display:grid}.wb-doccard-gloss dt{margin:0}.wb-doccard-gloss dd{color:var(--wb-text-2);margin:0}.wb-doccard-hint{color:var(--wb-text-2);margin-top:8px;font-size:10px;font-style:italic}.wb-kv-row button,.wb-kv-add{border:1px solid var(--wb-border);background:var(--wb-bg);color:var(--wb-text-2);cursor:pointer;border-radius:3px;font-size:10px}.wb-kv-add{margin-top:4px;padding:3px 8px}.wb-flexmini{border:1px dotted var(--wb-border);box-sizing:border-box;border-radius:2px;flex-shrink:0;width:34px;height:20px;padding:1px;overflow:hidden}.wb-flexmini i{background:var(--wb-accent);border-radius:1px;flex-shrink:0}.wb-align-summary{text-align:left;border:1px solid var(--wb-border);background:var(--wb-bg);width:100%;color:var(--wb-text);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.wb-align-summary:hover{border-color:var(--wb-accent)}.wb-align-summary.open{border-color:var(--wb-accent);border-radius:4px 4px 0 0}.wb-align-phrase{flex:1}.wb-align-caret{color:var(--wb-text-2)}.wb-align-panel{border:1px solid var(--wb-accent);background:var(--wb-bg);border-top:0;border-radius:0 0 4px 4px;flex-direction:column;gap:8px;padding:8px;display:flex}.wb-align-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.wb-align-label{color:var(--wb-text-2);width:100%;font-size:10px}.wb-align-chip{border:1px solid var(--wb-border);background:var(--wb-surface);color:var(--wb-text);cursor:pointer;border-radius:10px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;display:flex}.wb-align-chip:hover{border-color:var(--wb-accent)}.wb-align-chip.active{border-color:var(--wb-accent);background:#0078d41f}.wb-align-grid{grid-template-columns:repeat(3,1fr);gap:4px;width:100%;display:grid}.wb-align-cell{border:1px solid var(--wb-border);background:var(--wb-surface);cursor:pointer;border-radius:4px;height:42px;padding:5px;display:flex}.wb-align-cell:hover{border-color:var(--wb-accent)}.wb-align-cell.active{border-color:var(--wb-accent);background:#0078d41f}.wb-align-dots{gap:2px;display:flex}.wb-align-dots i{background:var(--wb-accent);border-radius:1px;width:4px;height:10px}.wb-align-dots[style*=column] i{width:10px;height:4px}.wb-boxmodel{padding:4px 0}.wb-box{border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:14px 6px 6px;display:flex;position:relative}.wb-box-margin{background:#f9ae582e;border:1px dashed #ca50108c}.wb-box-padding{background:#7bc58a2e;border:1px dashed #107c1080;width:100%}.wb-box-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--wb-text-2);font-size:9px;position:absolute;top:1px;left:6px}.wb-box-mid{align-items:center;gap:4px;width:100%;display:flex}.wb-box-mid>.wb-box,.wb-box-mid>.wb-box-content{flex:1}.wb-boxmodel input.wb-box-side{text-align:center;width:44px;color:var(--wb-text);background:0 0;border:1px solid #0000;border-radius:2px;flex:0 0 44px;padding:2px;font:10px Consolas,monospace}.wb-boxmodel input.wb-box-side:hover,.wb-boxmodel input.wb-box-side:focus{border-color:var(--wb-accent);background:var(--wb-surface)}.wb-box-content{text-align:center;background:var(--wb-surface);border:1px solid var(--wb-border);color:var(--wb-text-2);border-radius:3px;padding:8px 4px;font:10px Consolas,monospace}.wb-box-hint{color:var(--wb-text-2);margin-top:4px;font-size:10px}.wb-json-toolbar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.wb-json-toolbar button{border:1px solid var(--wb-border);background:var(--wb-bg);color:var(--wb-text);cursor:pointer;border-radius:3px;padding:4px 8px;font-size:11px}.wb-json-toolbar button:hover{border-color:var(--wb-accent);color:var(--wb-accent)}.wb-check{color:var(--wb-text-2);align-items:center;gap:3px;font-size:11px;display:flex}.wb-check input{width:auto}#wb-json-text{resize:vertical;white-space:pre;border:1px solid var(--wb-border);background:var(--wb-bg);min-height:220px;color:var(--wb-text);border-radius:3px;flex:1;padding:8px;font:11px Consolas,monospace}.wb-lint{max-height:220px;margin-top:8px;overflow:auto}.wb-lint-ok{color:#107c10;padding:6px;font-size:12px}.wb-lint-item{cursor:pointer;background:var(--wb-bg);border-left:3px solid #0000;border-radius:3px;margin:3px 0;padding:5px 8px;font-size:11px}.wb-lint-error{border-left-color:#d13438}.wb-lint-warning{border-left-color:#ffb900}.wb-lint-info{border-left-color:#0078d4}.wb-lint-runtime{border-left-color:#8a8886}.wb-data-toolbar{gap:6px;margin-bottom:8px;display:flex}.wb-data-toolbar button{border:1px solid var(--wb-border);background:var(--wb-bg);color:var(--wb-text);cursor:pointer;white-space:nowrap;border-radius:3px;padding:3px 8px;font-size:11px}.wb-data-table{border-collapse:collapse;width:100%}.wb-data-table th{text-align:left;vertical-align:top;padding:2px}.wb-data-table td{padding:2px}.wb-data-table th select{width:100%;margin-top:2px;font-size:10px}.wb-data-fieldname{font-size:11px;font-weight:600}.wb-data-table td button{cursor:pointer;color:var(--wb-text-2);background:0 0;border:none}.wb-schema-form{border:1px solid var(--wb-border);background:var(--wb-bg);border-radius:4px;flex-direction:column;gap:6px;margin-bottom:8px;padding:8px;display:flex}.wb-schema-form input[type=text],.wb-schema-form input:not([type]),.wb-schema-form select,.wb-schema-form textarea{border:1px solid var(--wb-border);background:var(--wb-surface);color:var(--wb-text);border-radius:3px;width:100%;padding:4px 6px;font:12px Consolas,monospace}.wb-schema-form button{border:1px solid var(--wb-border);background:var(--wb-surface);color:var(--wb-text);cursor:pointer;border-radius:3px;padding:4px 8px;font-size:11px}.wb-schema-form button:hover{border-color:var(--wb-accent);color:var(--wb-accent)}.wb-schema-lookup{gap:4px;display:flex}.wb-schema-help{color:var(--wb-text-2);white-space:pre-wrap;background:var(--wb-surface);border:1px dashed var(--wb-border);border-radius:3px;margin:0;padding:6px;font:10px Consolas,monospace}.wb-schema-help-summary{color:var(--wb-text-2);cursor:pointer;font-size:11px}.wb-current-chip{color:var(--wb-text-2);background:var(--wb-bg);border:1px dashed var(--wb-border);border-radius:3px;padding:4px 8px;font-size:11px}.wb-live-extract{border:1px dashed var(--wb-accent);background:#0078d40d;border-radius:4px;flex-direction:column;gap:6px;padding:8px;display:flex}.wb-live-steps{color:var(--wb-text-2);font-size:10px;line-height:1.5}.wb-deploy{border:1px dashed var(--wb-accent);background:#0078d40d;border-radius:4px;flex-direction:column;gap:6px;margin-bottom:6px;padding:8px;display:flex}.wb-deploy[hidden]{display:none}.wb-deploy-target{font-size:11px;font-weight:600}.wb-deploy input{border:1px solid var(--wb-border);background:var(--wb-surface);color:var(--wb-text);border-radius:3px;padding:4px 6px;font:12px Consolas,monospace}.wb-deploy button{border:1px solid var(--wb-accent);background:var(--wb-accent);color:#fff;cursor:pointer;border-radius:3px;align-self:flex-start;padding:4px 10px;font-size:11px}.wb-deploy-note{color:var(--wb-text-2);white-space:pre-line;font-size:10px;line-height:1.5}.wb-toast{color:#fff;z-index:2000;background:#323130;border-radius:4px;padding:8px 16px;font-size:12px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.ms-Icon{min-width:1em;font-style:normal;line-height:1;display:inline-block}.wb-pg-overlay{z-index:300;background:#00000073;justify-content:center;align-items:flex-start;padding-top:6vh;display:flex;position:fixed;inset:0}.wb-pg{background:var(--wb-surface);width:760px;max-width:94vw;max-height:88vh;color:var(--wb-text);border:1px solid var(--wb-border);border-top:3px solid var(--wb-accent);border-radius:10px;padding:14px 18px;font-size:12px;overflow-y:auto;box-shadow:0 18px 50px #00000073}.wb-pg-head{align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.wb-pg-title{font-size:15px;font-weight:600}.wb-pg-sub{color:var(--wb-text-2);font-size:11px}.wb-pg-close{color:var(--wb-text-2);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:14px}.wb-pg-close:hover{color:var(--wb-accent)}.wb-pg-stage{background:var(--wb-canvas-bg);border-radius:8px;margin-bottom:10px;padding:18px}.wb-pg-shelf{border:1.5px dashed var(--wb-border);background:var(--wb-bg);border-radius:6px;align-items:center;gap:8px;min-height:84px;padding:10px;display:flex;position:relative}.wb-pg-chip{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:4px;max-width:240px;padding:6px 14px;font-size:13px}.wb-pg-target{border-color:var(--wb-accent)}.wb-pg-stagelab{color:var(--wb-text-2);margin-top:6px;font-size:10px;font-style:italic}.wb-pg-row{flex-wrap:wrap;gap:5px;margin:6px 0;display:flex}.wb-pg-group{border:1px solid var(--wb-border);border-radius:6px;margin:10px 0 0;padding:8px 10px}.wb-pg-grouplab{letter-spacing:.08em;text-transform:uppercase;color:var(--wb-text-2);margin-bottom:4px;font-size:9px;font-weight:600}.wb-pg-fam{cursor:pointer;background:var(--wb-bg);color:var(--wb-text-2);border:1px solid var(--wb-border);border-radius:11px;padding:3px 10px;font-size:11px}.wb-pg-fam:hover{border-color:var(--wb-accent);color:var(--wb-accent)}.wb-pg-fam.active{background:var(--wb-accent);border-color:var(--wb-accent);color:#fff}.wb-pg-story{color:var(--wb-text-2);background:var(--wb-bg);border-left:3px solid var(--wb-accent);border-radius:0 6px 6px 0;align-items:baseline;gap:8px;margin:8px 0 2px;padding:7px 10px;line-height:1.55;display:flex}.wb-pg-story-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--wb-accent);flex-shrink:0;font-size:10px;font-weight:600}.wb-pg-prop{cursor:pointer;color:var(--wb-text-2);border:1px solid var(--wb-border);background:0 0;border-radius:4px;padding:1px 8px;font:11px Consolas,monospace}.wb-pg-prop:hover{border-color:var(--wb-accent);color:var(--wb-accent)}.wb-pg-prop.active{border-color:var(--wb-accent);color:var(--wb-accent);background:#0078d41a}.wb-pg-vals{background:var(--wb-bg);border-radius:6px;padding:8px}.wb-pg-val{cursor:pointer;background:var(--wb-surface);color:var(--wb-text);border:1px solid var(--wb-border);border-radius:4px;padding:2px 9px;font:11px Consolas,monospace}.wb-pg-val:hover{border-color:var(--wb-accent);color:var(--wb-accent)}.wb-pg-val.active{background:var(--wb-accent);border-color:var(--wb-accent);color:#fff}.wb-pg-out{flex-direction:column;gap:3px;margin:8px 0;display:flex}.wb-pg-out-row{align-items:center;gap:8px;font:11px Consolas,monospace;display:flex}.wb-pg-out-where{text-transform:uppercase;letter-spacing:.06em;color:var(--wb-text-2);text-align:right;flex-shrink:0;width:38px;font:600 9px Segoe UI,sans-serif}.wb-pg-out-row button{color:var(--wb-text-2);cursor:pointer;background:0 0;border:none;font-size:10px}.wb-pg-out-row button:hover{color:#d13438}.wb-pg-foot{border-top:1px solid var(--wb-border);justify-content:flex-end;gap:8px;padding-top:10px;display:flex}.wb-pg-foot button{cursor:pointer;background:var(--wb-surface);color:var(--wb-text);border:1px solid var(--wb-border);border-radius:4px;padding:5px 14px}.wb-pg-foot button:hover:not(:disabled){border-color:var(--wb-accent);color:var(--wb-accent)}.wb-pg-apply:not(:disabled){background:var(--wb-accent);border-color:var(--wb-accent);color:#fff}.wb-pg-foot button:disabled{opacity:.45;cursor:default}.wb-doccard-play{cursor:pointer;color:var(--wb-accent);background:0 0;border:none;margin-top:4px;padding:0;font-size:11px;font-style:normal;display:block}.wb-doccard-play:hover{text-decoration:underline}.wb-guide-overlay{z-index:300;background:var(--wb-bg);color:var(--wb-text);flex-direction:column;display:flex;position:fixed;inset:0}.wb-guide-head{background:var(--wb-surface);border-bottom:1px solid var(--wb-border);flex-shrink:0;align-items:baseline;gap:10px;padding:10px 18px;display:flex}.wb-guide-title{font-size:15px;font-weight:600}.wb-guide-sub{color:var(--wb-text-2);font-size:11px}.wb-guide-close{color:var(--wb-text-2);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:14px}.wb-guide-close:hover{color:var(--wb-accent)}.wb-guide-body{flex:1;grid-template-columns:250px 1fr 230px;min-height:0;display:grid}@media (width<=980px){.wb-guide-body{grid-template-columns:230px 1fr}.wb-guide-rail{display:none}}.wb-guide-nav{background:var(--wb-surface);border-right:1px solid var(--wb-border);padding:14px 10px;overflow-y:auto}.wb-guide-search{border:1px solid var(--wb-border);background:var(--wb-bg);width:100%;color:var(--wb-text);border-radius:3px;margin-bottom:10px;padding:5px 8px;font-size:12px}.wb-guide-chapter{text-transform:uppercase;letter-spacing:.06em;color:var(--wb-text-2);margin:14px 6px 4px;font-size:10px;font-weight:600}.wb-guide-navitem{text-align:left;width:100%;color:var(--wb-text);cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;border-radius:0 3px 3px 0;padding:5px 8px;font-size:12.5px;line-height:1.35;display:block}.wb-guide-navitem:hover{background:var(--wb-bg);color:var(--wb-accent)}.wb-guide-navitem.active{border-left-color:var(--wb-accent);color:var(--wb-accent);background:#0078d414;font-weight:600}.wb-guide-none{color:var(--wb-text-2);padding:8px;font-size:12px;font-style:italic}.wb-guide-main{min-width:0;overflow-y:auto}.wb-guide-article{max-width:860px;margin:0 auto;padding:28px 40px 60px;font-size:14px;line-height:1.65}.wb-guide-article h1{margin:0 0 6px;font-size:24px;font-weight:600;line-height:1.25}.wb-guide-article h2{border-top:1px solid var(--wb-border);margin:30px 0 8px;padding-top:14px;font-size:17px;font-weight:600}.wb-guide-article h3{margin:0;font-size:13.5px;font-weight:600;display:inline}.wb-guide-lede{color:var(--wb-text-2);margin:0 0 14px;font-size:14.5px}.wb-guide-article p{margin:8px 0}.wb-guide-article ul{margin:8px 0;padding-left:22px}.wb-guide-article li{margin:4px 0}.wb-guide-article a{color:var(--wb-accent);text-decoration:none}.wb-guide-article a:hover{text-decoration:underline}.wb-guide-ext:after{content:" ↗";font-size:10px}.wb-guide-article code{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:3px;padding:0 4px;font:12px Consolas,monospace}.wb-guide-article pre{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:6px;padding:10px 12px;overflow-x:auto}.wb-guide-article pre code{background:0 0;border:none;padding:0}.wb-guide-dim{color:var(--wb-text-2);font-size:12px}.wb-guide-footnotes{color:var(--wb-text-2);font-size:11.5px}.wb-guide-table{border-collapse:collapse;width:100%;margin:10px 0;font-size:12.5px}.wb-guide-table th,.wb-guide-table td{border:1px solid var(--wb-border);text-align:left;vertical-align:top;padding:5px 9px}.wb-guide-table th{background:var(--wb-surface);font-weight:600}.wb-guide-matrix td:not(:first-child),.wb-guide-matrix th:not(:first-child){text-align:center}.wb-guide-matrix td:not(:first-child){font-weight:600}.wb-guide-note{background:var(--wb-surface);border:1px solid var(--wb-border);border-left:3px solid var(--wb-accent);border-radius:4px;margin:12px 0;padding:9px 12px;font-size:13px}.wb-guide-note-warning{border-left-color:#ffb900}.wb-guide-gotcha{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:6px;margin:10px 0;padding:10px 12px}.wb-guide-gotcha p{margin:6px 0 0;font-size:13px}.wb-guide-sev{text-transform:uppercase;letter-spacing:.05em;color:#fff;vertical-align:2px;border-radius:8px;margin-right:8px;padding:0 7px;font-size:9px;font-weight:600;display:inline-block}.wb-guide-sev-error{background:#d13438}.wb-guide-sev-warning{background:#ca5010}.wb-guide-sev-info{background:#0078d4}.wb-guide-lintrule{float:right;color:var(--wb-text-2);border:1px dashed var(--wb-border);cursor:help;border-radius:8px;padding:1px 7px;font:10px Consolas,monospace}.wb-guide-fig{text-align:center;background:var(--wb-canvas-bg);border-radius:8px;margin:14px 0;padding:14px}.wb-guide-fig svg{max-width:100%;height:auto}.wb-guide-fig figcaption{color:var(--wb-text-2);margin-top:8px;font-size:11.5px;font-style:italic}.wb-guide-rail{padding:26px 14px;overflow-y:auto}.wb-guide-rail-label{text-transform:uppercase;letter-spacing:.06em;color:var(--wb-text-2);margin-bottom:6px;font-size:10px;font-weight:600}.wb-guide-railitem{text-align:left;border:none;border-left:2px solid var(--wb-border);width:100%;color:var(--wb-text-2);cursor:pointer;background:0 0;padding:4px 10px;font-size:11.5px;line-height:1.4;display:block}.wb-guide-railitem:hover{color:var(--wb-accent)}.wb-guide-railitem.active{border-left-color:var(--wb-accent);color:var(--wb-accent)}.wb-guide-pager{border-top:1px solid var(--wb-border);justify-content:space-between;gap:10px;margin-top:36px;padding-top:14px;display:flex}.wb-guide-pager button{text-align:left;cursor:pointer;background:var(--wb-surface);max-width:46%;color:var(--wb-text);border:1px solid var(--wb-border);border-radius:6px;padding:8px 14px;font-size:12.5px}.wb-guide-pager button span{color:var(--wb-accent)}.wb-guide-pager button:hover{border-color:var(--wb-accent)}.wb-guide-next{text-align:right}.wb-inspector-play,.wb-inspector-cond{border:1px dashed var(--wb-accent);width:100%;color:var(--wb-accent);cursor:pointer;background:0 0;border-radius:4px;margin:0 0 8px;padding:6px 10px;font-size:12px;display:block}.wb-inspector-play:hover,.wb-inspector-cond:hover{background:#0078d414}.wb-pg-context{align-items:stretch;gap:10px;margin-bottom:4px;display:flex}.wb-pg-context .wb-pg-stage{flex:1;min-width:0;margin-bottom:0}.wb-pg-tree{background:var(--wb-bg);border-radius:8px;flex-direction:column;flex:0 0 178px;gap:1px;max-height:240px;padding:8px;display:flex;overflow:auto}.wb-pg-tree-row{text-align:left;cursor:pointer;width:100%;color:var(--wb-text-2);white-space:nowrap;background:0 0;border:none;border-radius:3px;align-items:center;gap:5px;padding:2px 6px;font-size:11px;display:flex;overflow:hidden}.wb-pg-tree-row:hover:not(:disabled){background:var(--wb-surface);color:var(--wb-accent)}.wb-pg-tree-caret{opacity:.8;flex-shrink:0;font-size:9px}.wb-pg-tree-name{text-overflow:ellipsis;overflow:hidden}.wb-pg-tree-target{color:var(--wb-accent);cursor:default;background:#0078d41a;font-weight:600}.wb-pg-tree-stash{color:var(--wb-accent);flex-shrink:0;font-size:10px}.wb-pg-navcfr{color:#038387}.wb-pg-doc{background:var(--wb-bg);border-radius:6px;margin-top:6px;padding:8px 10px;font-size:12px;line-height:1.7}.wb-pg-doc-head{margin-bottom:2px}.wb-pg-doc-prop{color:var(--wb-accent);font:600 12px Consolas,monospace}.wb-pg-doc-body{color:var(--wb-text-2)}.wb-pg-macro{cursor:pointer;background:var(--wb-surface);color:var(--wb-text);border:1px solid var(--wb-border);border-radius:5px;align-items:center;gap:6px;padding:3px 8px 3px 4px;font-size:11px;display:inline-flex}.wb-pg-macro:hover{border-color:var(--wb-accent);color:var(--wb-accent)}.wb-pg-macro.active{border-color:var(--wb-accent);background:#0078d41f}.wb-pg-macro-demo{background:var(--wb-bg);color:var(--wb-text);border-radius:3px;flex-shrink:0;padding:1px 6px;font-size:11px;line-height:1.4;overflow:hidden}.wb-pg-val-current{border-style:dashed;border-color:var(--wb-accent)}.wb-pg-cur{flex-direction:column;gap:2px;display:flex}.wb-pg-cur-row{align-items:center;gap:8px;font:11px Consolas,monospace;display:flex}.wb-pg-cur-key{cursor:pointer;font:inherit;color:var(--wb-accent);text-align:left;background:0 0;border:none;padding:1px 2px}.wb-pg-cur-key:hover:not(:disabled){text-decoration:underline}.wb-pg-cur-key:disabled{color:var(--wb-text-2);cursor:default;text-decoration:line-through}.wb-pg-cur-val{color:var(--wb-text-2)}.wb-pg-cur-over{opacity:.6;text-decoration:line-through}.wb-pg-cur-next{color:var(--wb-accent)}.wb-pgx-frame{background:var(--wb-surface);border-radius:4px;padding:14px;overflow:auto}.wb-pgx-target{outline:1.5px dashed var(--wb-accent);outline-offset:2px}.wb-pgx-sibling{opacity:.3}.wb-pgx-child{cursor:pointer;position:relative}.wb-pgx-child:after{content:attr(data-pgx-name);z-index:5;letter-spacing:.03em;color:#fff;text-shadow:0 1px 2px #000000e6;white-space:nowrap;background:#2828288c;border-radius:2px;justify-content:center;align-items:center;font:600 9px Segoe UI,sans-serif;display:flex;position:absolute;inset:0;overflow:hidden}.wb-pgx-child:hover:after{background:#0078d48c}.wb-cf-overlay{z-index:300;background:#00000073;justify-content:center;align-items:flex-start;padding-top:6vh;display:flex;position:fixed;inset:0}.wb-cf{background:var(--wb-surface);width:680px;max-width:94vw;max-height:88vh;color:var(--wb-text);border:1px solid var(--wb-border);border-top:3px solid var(--wb-accent);border-radius:10px;padding:14px 18px;font-size:12px;overflow-y:auto;box-shadow:0 18px 50px #00000073}.wb-cf-head{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.wb-cf-title{font-size:15px;font-weight:600}.wb-cf-sub{color:var(--wb-text-2);font-size:11px}.wb-cf-close{color:var(--wb-text-2);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:14px}.wb-cf-close:hover{color:var(--wb-accent)}.wb-cf-target{align-items:center;gap:8px;margin:4px 0 2px;font-size:12px;display:flex}.wb-cf-target select{border:1px solid var(--wb-border);background:var(--wb-bg);color:var(--wb-text);border-radius:3px;padding:3px 6px;font:12px Consolas,monospace}.wb-cf-group{border:1px solid var(--wb-border);border-radius:6px;margin:10px 0 0;padding:8px 10px}.wb-cf-grouplab{letter-spacing:.08em;text-transform:uppercase;color:var(--wb-text-2);margin-bottom:5px;font-size:9px;font-weight:600}.wb-cf-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.wb-cf-rules{flex-direction:column;gap:4px;display:flex}.wb-cf-empty{color:var(--wb-text-2);padding:2px 0;font-size:11px;font-style:italic}.wb-cf-rule{align-items:center;gap:8px;padding:2px 0;display:flex}.wb-cf-rule-num{background:var(--wb-bg);width:16px;height:16px;color:var(--wb-text-2);border:1px solid var(--wb-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:600;display:inline-flex}.wb-cf-rule-when{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wb-cf-rule-arrow{color:var(--wb-text-2);flex-shrink:0}.wb-cf-rule-del{color:var(--wb-text-2);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;font-size:10px}.wb-cf-rule-del:hover{color:#d13438}.wb-cf-chip{white-space:nowrap;flex-shrink:0;font-size:12px;line-height:1.5}.wb-cf-auto{border:1px dashed var(--wb-accent);cursor:pointer;color:var(--wb-accent);background:0 0;border-radius:10px;align-self:flex-start;margin-top:4px;padding:3px 10px;font-size:11px}.wb-cf-auto:hover{background:#0078d414}.wb-cf-cond{cursor:pointer;background:var(--wb-bg);color:var(--wb-text-2);border:1px solid var(--wb-border);border-radius:11px;padding:3px 10px;font-size:11px}.wb-cf-cond:hover{border-color:var(--wb-accent);color:var(--wb-accent)}.wb-cf-cond.active{background:var(--wb-accent);border-color:var(--wb-accent);color:#fff}.wb-cf-valinput{border:1px solid var(--wb-accent);background:var(--wb-surface);width:150px;color:var(--wb-text);border-radius:3px;padding:3px 8px;font:12px Consolas,monospace}.wb-cf-look{cursor:pointer;background:var(--wb-surface);color:var(--wb-text);border:1px solid var(--wb-border);border-radius:5px;align-items:center;gap:6px;padding:3px 8px 3px 4px;font-size:11px;display:inline-flex}.wb-cf-look:hover{border-color:var(--wb-accent)}.wb-cf-look.active{border-color:var(--wb-accent);background:#0078d41f}.wb-cf-swatches{gap:4px;margin-left:6px;display:inline-flex}.wb-cf-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px;padding:0}.wb-cf-swatch:hover{transform:scale(1.12)}.wb-cf-swatch.active{border-color:var(--wb-text);box-shadow:0 0 0 1px var(--wb-surface) inset}.wb-cf-addbtn{cursor:pointer;background:var(--wb-accent);border:1px solid var(--wb-accent);color:#fff;border-radius:4px;margin-left:auto;padding:4px 14px;font-size:12px}.wb-cf-addbtn:disabled{opacity:.45;cursor:default}.wb-cf-preview{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.wb-cf-preview-item{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.wb-cf-preview-lab{color:var(--wb-text-2);font-size:9px;font-style:italic}.wb-cf-foot{border-top:1px solid var(--wb-border);justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.wb-cf-note{color:#ca5010;margin-right:auto;font-size:10px}.wb-cf-foot button{cursor:pointer;background:var(--wb-surface);color:var(--wb-text);border:1px solid var(--wb-border);border-radius:4px;padding:5px 14px}.wb-cf-foot button:hover:not(:disabled){border-color:var(--wb-accent);color:var(--wb-accent)}.wb-cf-apply:not(:disabled){background:var(--wb-accent);border-color:var(--wb-accent);color:#fff}.wb-cf-apply:not(:disabled):hover{color:#fff!important}.wb-cf-foot button:disabled{opacity:.45;cursor:default}.wb-fc-overlay{z-index:300;background:#00000073;justify-content:center;align-items:flex-start;padding-top:8vh;display:flex;position:fixed;inset:0}.wb-fc{background:var(--wb-surface);width:560px;max-width:94vw;max-height:84vh;color:var(--wb-text);border:1px solid var(--wb-border);border-top:3px solid var(--wb-accent);border-radius:10px;padding:14px 18px;font-size:12px;overflow-y:auto;box-shadow:0 18px 50px #00000073}.wb-fc-head{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.wb-fc-title{font-size:15px;font-weight:600}.wb-fc-sub{color:var(--wb-text-2);font-size:11px}.wb-fc-close{color:var(--wb-text-2);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:14px}.wb-fc-close:hover{color:var(--wb-accent)}.wb-fc-tabs{border-bottom:1px solid var(--wb-border);gap:2px;display:flex}.wb-fc-tab{cursor:pointer;color:var(--wb-text-2);background:0 0;border:1px solid #0000;border-bottom:none;border-radius:4px 4px 0 0;padding:6px 14px;font-size:12px}.wb-fc-tab:hover{color:var(--wb-accent)}.wb-fc-tab.active{border-color:var(--wb-border);background:var(--wb-surface);color:var(--wb-accent);margin-bottom:-1px;font-weight:600}.wb-fc-previewwrap{background:var(--wb-canvas-bg);border-radius:6px;justify-content:center;align-items:center;min-height:64px;margin:10px 0;padding:12px;display:flex}.wb-fc-preview{padding:2px 6px;font-size:13px}.wb-fc-body{flex-direction:column;gap:10px;min-height:168px;display:flex}.wb-fc-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wb-fc-rowlab{letter-spacing:.08em;text-transform:uppercase;color:var(--wb-text-2);flex:0 0 76px;font-size:9px;font-weight:600}.wb-fc-chips,.wb-fc-swatches{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.wb-fc-chip{cursor:pointer;background:var(--wb-bg);color:var(--wb-text-2);border:1px solid var(--wb-border);border-radius:11px;padding:3px 10px;font-size:11px}.wb-fc-chip:hover{border-color:var(--wb-accent);color:var(--wb-accent)}.wb-fc-chip.active{background:var(--wb-accent);border-color:var(--wb-accent);color:#fff}.wb-fc-swatch{cursor:pointer;border:1px solid var(--wb-border);border-radius:4px;width:18px;height:18px;padding:0}.wb-fc-swatch:hover{transform:scale(1.12)}.wb-fc-swatch.active{outline:2px solid var(--wb-accent);outline-offset:1px}.wb-fc-hint{color:var(--wb-text-2);font-size:10px;font-style:italic}.wb-fc-foot{border-top:1px solid var(--wb-border);justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.wb-fc-note{color:#ca5010;margin-right:auto;font-size:10px}.wb-fc-foot button{cursor:pointer;background:var(--wb-surface);color:var(--wb-text);border:1px solid var(--wb-border);border-radius:4px;padding:5px 14px}.wb-fc-foot button:hover:not(:disabled){border-color:var(--wb-accent);color:var(--wb-accent)}.wb-fc-ok:not(:disabled){background:var(--wb-accent);border-color:var(--wb-accent);color:#fff}.wb-fc-ok:not(:disabled):hover{color:#fff!important}.wb-fc-foot button:disabled{opacity:.45;cursor:default}