.fabric-page{--fabric-ink:var(--text-primary);--fabric-muted:var(--text-secondary);--fabric-panel:var(--bg-panel);--fabric-elevated:var(--bg-elevated);--fabric-line:var(--border-subtle);--fabric-accent:var(--accent-primary);--fabric-warn:var(--signal-warning);--fabric-crit:var(--signal-critical);--fabric-ok:var(--signal-healthy);color:var(--fabric-ink)}.fabric-workbench{flex-direction:column;gap:1.25rem;padding:0 0 3rem;display:flex}.fabric-page .family-hero{gap:.65rem;margin-bottom:1rem;padding-block:1.5rem}.fabric-page .family-hero h1{letter-spacing:0;font-size:2.25rem}.fabric-page .family-lede{margin:0}.fabric-workbench>*,.fabric-pane{min-width:0}.fabric-workbench code,.fabric-inspector p{overflow-wrap:anywhere}.fabric-state{border-block:1px solid var(--fabric-line);min-height:11rem;padding-block:1rem}.fabric-state h2{margin:.5rem 0;font-size:1.5rem}.fabric-state p{margin-block:.5rem}.fabric-workbench button,.fabric-workbench summary{min-height:44px}.fabric-workbench :focus-visible{outline:2px solid var(--fabric-accent);outline-offset:3px}.fabric-timeline button[aria-pressed=true]{border-color:var(--fabric-accent)}.fabric-inspector p{margin:0}@media (width<=600px){.fabric-page .family-hero h1{font-size:1.75rem}.fabric-workbench{gap:.85rem}.fabric-page .fabric-toolbar{grid-template-columns:1fr 1fr;display:grid}.fabric-toolbar button{width:100%;min-width:0;padding:.6rem;font-size:.8rem}.fabric-toolbar button:first-child{grid-column:1/-1}}.fabric-banner{border:1px solid var(--fabric-line);background:var(--fabric-panel);border-radius:8px;padding:1rem 1.25rem}.fabric-mode{text-transform:uppercase;letter-spacing:0;color:var(--fabric-muted);margin:0;font-size:.72rem}.fabric-toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.fabric-check{color:var(--fabric-muted);align-items:center;gap:.35rem;font-size:.88rem;display:inline-flex}.fabric-stats{color:var(--fabric-muted);flex-wrap:wrap;gap:.85rem 1.2rem;font-size:.88rem;display:flex}.fabric-stats code{font-size:.75rem}.fabric-status-live{color:var(--fabric-ok);font-weight:700}.fabric-status-paused{color:var(--fabric-warn);font-weight:700}.fabric-status-complete{color:var(--fabric-accent);font-weight:700}.fabric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}@media (width<=900px){.fabric-grid{grid-template-columns:1fr}}.fabric-pane{border:1px solid var(--fabric-line);background:var(--fabric-panel);border-radius:8px;min-height:12rem;padding:.85rem 1rem}.fabric-pane h2{margin:0 0 .4rem;font-size:.95rem}.fabric-timeline{flex-direction:column;gap:.35rem;max-height:28rem;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.fabric-timeline button{text-align:left;width:100%;color:inherit;cursor:pointer;background:#00000040;border:1px solid #0000;border-radius:8px;padding:.4rem .5rem;font-size:.78rem;display:block}.fabric-timeline button[data-selected=true]{border-color:var(--fabric-accent)}.fabric-inspector{flex-direction:column;gap:.85rem;max-height:28rem;display:flex;overflow-y:auto}.fabric-layer{border-left:3px solid var(--fabric-line);background:#ffffff08;border-radius:8px;padding:.85rem;font-size:.75rem}.fabric-layer-title{margin-bottom:.4rem;font-size:.9rem;font-weight:700}.fabric-layer>div>div{margin-bottom:.35rem}.fabric-receipt{border:1px solid var(--fabric-line);background:var(--fabric-panel);border-radius:8px;padding:.85rem 1rem}.fabric-receipt h2{margin:0 0 .4rem;font-size:.95rem}.fabric-note{color:var(--fabric-muted);margin:0 0 .65rem;font-size:.82rem}.fabric-json{border:1px solid var(--fabric-line);background:#090d0c;border-radius:8px;max-height:22rem;margin:0 0 .85rem;padding:.65rem;font-size:.7rem;line-height:1.35;overflow:auto}.fabric-empty{color:var(--fabric-muted);font-size:.9rem}