.mm,.wb-home{display:grid;gap:12px}.mm-bar,.wb-homebar,.wb-templates{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.wb-templates p{margin:0}.wb-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.wb-open{width:100%;color:inherit;text-align:left;display:grid;gap:2px;padding:12px;border:1px solid var(--line-2);border-radius:8px;background:var(--panel);cursor:pointer}.wb{display:grid;gap:8px}.wb-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.wb-top h2{margin:0;font-size:1.1rem}.wb-here{color:var(--muted);font-size:.85rem}.wb-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.wb-main{display:grid;grid-template-columns:48px minmax(0,1fr) 260px;gap:8px;min-height:520px}.wb-rail{display:flex;flex-direction:column;gap:4px}.wb-tool{width:40px;color:var(--fg);height:40px;border:1px solid var(--line-2);border-radius:8px;background:var(--panel);cursor:pointer;font-size:18px}.wb-tool:hover{background:var(--surface-hover)}.wb-tool.on{background:var(--surface-active);border-color:var(--accent)}.wb-stage{position:relative;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;background-color:var(--panel);background-image:radial-gradient(var(--line-2) 1px,transparent 1px);background-size:20px 20px}.wb-canvas{width:100%;height:100%;min-height:520px;display:block;touch-action:none}.wb-canvas:focus-visible,.wb-el:focus-visible{outline:3px solid var(--accent)}.wb-canvas.tool-pen{cursor:crosshair}.wb-el{cursor:move}.wb-el.sel rect:first-child,.wb-el.sel>:first-child{stroke:var(--accent);stroke-width:2}.wb-el.linking>:first-child{stroke:var(--warn);stroke-width:3}.wb-zoom{position:absolute;left:8px;bottom:8px;display:flex;gap:4px;align-items:center;background:var(--surface-raised,var(--panel));border:1px solid var(--line-2);border-radius:8px;padding:2px 4px;box-shadow:var(--elev-2,none)}.wb-zoom output{color:var(--fg);min-width:40px;text-align:center}.wb-mini{position:absolute;color:var(--fg);right:8px;bottom:8px;width:160px;height:110px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:6px;cursor:pointer}.wb-side{display:grid;align-content:start;gap:12px}.wb-embed,.wb-inspect,.wb-proposal{display:grid;gap:6px;padding:10px;border:1px solid var(--line-2);border-radius:8px}.wb-inspect h3,.wb-proposal h3{margin:0;font-size:.95rem}.wb-inspect textarea{width:100%;min-height:70px}.wb-swatches{display:flex;gap:6px}.wb-swatches button{width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2)}.wb-swatches button[aria-pressed=true]{outline:2px solid var(--accent)}.mm-help,.mm-note,.wb-hint{color:var(--muted);font-size:.85rem;margin:0}.mm-tree,.mm-tree ul{list-style:none;margin:0;padding-left:20px}.mm-tree{padding-left:0}.mm-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;min-height:32px}.mm-item.on,.mm-item:focus-visible{background:color-mix(in srgb,var(--accent) 12%,transparent);outline:2px solid var(--accent)}.mm-twist{width:20px;border:0;background:none;color:var(--muted);cursor:pointer}.mm-dot{width:10px;height:10px;border-radius:50%;flex:none}.mm-status,.mm-ticket,.mm-who{font-size:.8rem;color:var(--muted)}.mm-folder>.mm-title,.mm-list>.mm-title,.mm-space>.mm-title{font-weight:600}.mm-input{margin:4px 0 4px 26px;width:min(360px,90%)}.mm-dialog{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px;border:1px solid var(--accent);border-radius:8px}.mm,.mm-body,.wb,.wb-stage{min-width:0}.mm-scroll{overflow:auto;max-width:100%;max-height:70vh}.mm-canvas{position:relative}.mm-lines{position:absolute;inset:0}.mm-node{position:absolute;color:var(--fg);text-align:left;padding:0 10px;border:1px solid var(--line-2);border-left-width:6px;border-radius:8px;background:var(--panel);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:grab}.mm-node.on{outline:2px solid var(--accent)}@media (max-width:600px){.wb-main{grid-template-columns:minmax(0,1fr)}.wb-rail{flex-direction:row}.wb-advanced,.wb-mini{display:none}.wb-canvas{min-height:360px}.wb-actions{margin-left:0}.mm-wql input{width:100%}}.wb-preview{display:grid;gap:6px;padding:10px;border:1px solid var(--accent);border-radius:8px}.wb-preview-canvas{width:100%;height:200px;background:var(--panel-2);border-radius:6px}