.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,#e2e8f0);border-radius:8px;background:var(--surface,#fff);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,#64748b);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:#0f172a;height:40px;border:1px solid var(--line,#e2e8f0);border-radius:8px;background:var(--surface,#fff);cursor:pointer;font-size:18px}.wb-tool.on{background:#e0e7ff;border-color:#6366f1}.wb-stage{position:relative;border:1px solid var(--line,#e2e8f0);border-radius:8px;overflow:hidden;background-color:#fff;background-image:radial-gradient(#e2e8f0 1px,transparent 0);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 #6366f1}.wb-canvas.tool-pen{cursor:crosshair}.wb-el{cursor:move}.wb-el.sel rect:first-child,.wb-el.sel>:first-child{stroke:#6366f1;stroke-width:2}.wb-el.linking>:first-child{stroke:#f59e0b;stroke-width:3}.wb-zoom{position:absolute;left:8px;bottom:8px;display:flex;gap:4px;align-items:center;background:#fff;border-radius:6px;padding:2px 4px}.wb-zoom output{color:#0f172a;min-width:40px;text-align:center}.wb-mini{position:absolute;color:#0f172a;right:8px;bottom:8px;width:160px;height:110px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;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,#e2e8f0);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 #94a3b8}.wb-swatches button[aria-pressed=true]{outline:2px solid #6366f1}.mm-help,.mm-note,.wb-hint{color:var(--muted,#64748b);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:#eef2ff;outline:2px solid #6366f1}.mm-twist{width:20px;border:0;background:none;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,#64748b)}.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 #6366f1;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:#0f172a;text-align:left;padding:0 10px;border:1px solid #cbd5e1;border-left-width:6px;border-radius:8px;background:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:grab}.mm-node.on{outline:2px solid #6366f1}@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 #6366f1;border-radius:8px}.wb-preview-canvas{width:100%;height:200px;background:#fff;border-radius:6px}