.factory-schematic{grid-column:1 / -1;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.factory-schematic[hidden]{display:none}.schematic-header,.schematic-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px}.schematic-header strong,.schematic-toolbar button,.schematic-toolbar label{font-size:.8rem}.schematic-sync,.schematic-coverage,.schematic-help{margin:4px 14px 8px;font-size:.8rem}.schematic-help{color:var(--muted)}.schematic-surface{width:100%;height:530px;display:block;background-color:var(--surface);touch-action:none;-webkit-user-select:none;user-select:none}.schematic-surface.show-grid{background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:20px 20px}.schematic-surface:focus-visible,.schematic-node:focus-visible>rect{outline:3px solid var(--focus);outline-offset:-3px}.schematic-node>rect{fill:var(--surface);stroke:var(--border);stroke-width:1.5}.schematic-node:focus-visible>rect{stroke:var(--focus);stroke-width:3}.schematic-node.selected>rect{stroke-width:3}.schematic-node.selected .schematic-card{color:#37160d}.schematic-node{cursor:pointer}.schematic-card{color:var(--text);position:relative;height:100%;overflow:hidden;pointer-events:none}.schematic-card-title{position:absolute;bottom:7px;left:2px;right:2px;max-height:2.2em;overflow:hidden;overflow-wrap:anywhere;text-align:center;font-size:17.5px;line-height:1.1}.schematic-card-count{position:absolute;top:2px;right:2px;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:24px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.schematic-compact .schematic-card-title{bottom:3px;font-size:11.25px;line-height:1;white-space:nowrap;text-overflow:ellipsis}.schematic-compact .schematic-card-count{top:0;right:0;font-size:12px}.schematic-edge path{fill:none;stroke:var(--muted, #8b95a6);stroke-width:2}.schematic-surface marker path{fill:var(--muted, #8b95a6)}.schematic-edge text{fill:var(--text);stroke:var(--surface);stroke-width:4px;paint-order:stroke;font-size:11px}.schematic-details dd{margin-left:0;overflow-wrap:anywhere}.main-display-choice{grid-column:1 / -1;display:flex;gap:8px;align-items:center;font-size:.85rem}@media (max-width: 700px){.schematic-surface{height:410px}.schematic-toolbar{gap:6px}}.schematic-flow-motion{pointer-events:none}.schematic-flow-token{opacity:0}.schematic-flow-fallback{fill:var(--focus, #6488ff);stroke:var(--text);stroke-width:1.5}@media (prefers-reduced-motion: reduce){.schematic-flow-motion{display:none}}.schematic-tile-indicators .schematic-operation-running{fill:none;stroke:var(--focus, #6488ff);stroke-width:2;stroke-dasharray:12 8;animation:schematic-running 1.2s linear infinite}.schematic-operation-label{fill:var(--focus, #6488ff);font-size:10px;font-weight:700}.schematic-tile-indicators .schematic-event-highlight{fill:var(--focus, #6488ff);fill-opacity:.08;stroke:var(--focus, #6488ff);stroke-width:3;animation:schematic-event .6s ease-in-out 3}@keyframes schematic-running{to{stroke-dashoffset:-40}}@keyframes schematic-event{0%,to{fill-opacity:.04}50%{fill-opacity:.24}}@media (prefers-reduced-motion: reduce){.schematic-tile-indicators .schematic-operation-running,.schematic-tile-indicators .schematic-event-highlight{animation:none}}.schematic-stacking select{max-width:min(340px,70vw)}.schematic-stacking label{display:flex;align-items:center;gap:6px}.schematic-help-button{margin-left:auto;border:1px solid var(--border);background:var(--surface-subtle);color:var(--text);border-radius:50%;width:28px;height:28px;cursor:pointer}.schematic-help-dialog{width:min(640px,calc(100vw - 48px));max-height:calc(100vh - 64px);overflow:auto;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}.schematic-help-dialog::backdrop{background:#00000080}.schematic-help-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.schematic-help-dialog h2{margin:0;font-size:1rem}.schematic-help-dialog p{margin:16px 0;line-height:1.6}.schematic-help-dialog button{color:var(--text);background:var(--surface-subtle);border:1px solid var(--border);border-radius:6px;cursor:pointer}.schematic-playback-controls{padding:0 14px 10px;font-size:.8rem;border:0;border-bottom:1px solid var(--border);border-radius:0}.schematic-playback-controls .playback-event-timeline,.schematic-playback-controls .playback-timeline-scroll{margin-top:0}.schematic-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding-bottom:0}.schematic-timeline-header-slot{grid-column:1 / -1;grid-row:1;min-width:0}.schematic-header-actions{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;justify-self:end}@media (max-width: 900px){.schematic-header{gap:8px}.schematic-header-actions strong,.schematic-inventory-coverage{display:none}}.schematic-value-changed{background:var(--warning-pill-bg);color:var(--warning-pill-text);box-shadow:0 0 0 2px var(--warning-pill-border);border-radius:3px;padding:1px 3px;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}.schematic-stacking label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%}.schematic-stacking select{min-width:0;max-width:100%;width:min(360px,100%);text-overflow:ellipsis}
