.diagram-catalog,.diagram-viewer{--bg: #f3f1ea;--line: #d7d2c4;--ink: #171613;--ink-muted: #625e4e;--accent: #0f766e;--accent-strong: #0b5e58;--accent-soft: rgba(15, 118, 110, .14);--accent-glow: rgba(15, 118, 110, .26);--select-yellow: #facc15;--select-yellow-line: #eab308;--select-yellow-soft: rgba(250, 204, 21, .26);color:var(--ink)}.diagram-catalog__controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.diagram-catalog__meta{color:var(--ink-muted);margin-bottom:10px}.diagram-catalog select{width:100%;padding:10px 12px;border:1px solid var(--line);background:#fff}.diagram-catalog__groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px}.diagram-catalog__group-card{border:1px solid #d4d0c2;background:linear-gradient(180deg,#fff,#faf8f2);text-align:center;padding:10px 8px;cursor:pointer;min-height:142px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.diagram-catalog__group-card:hover{transform:translateY(-2px);border-color:#b9b299;box-shadow:0 10px 22px #1f1e1a14}.diagram-catalog__group-card.is-active{border-color:var(--accent-strong);background:#0f766e14;box-shadow:inset 0 0 0 1px #0f766e33}.diagram-catalog__group-icon{width:66px;height:66px;border:2px solid #1f1f1f;border-radius:14px;margin:0 auto 10px;display:grid;place-items:center;background:#fff}.diagram-catalog__group-icon.has-image{width:76px;height:76px;border:0;border-radius:0;margin:0 auto;background:transparent}.diagram-catalog__group-icon-glyph{font-size:1.8rem;line-height:1}.diagram-catalog__group-icon-code{font-size:1.15rem;font-weight:700;line-height:1}.diagram-catalog__group-icon-image,.diagram-catalog__group-icon-svg{width:38px;height:38px;display:block;object-fit:contain}.diagram-catalog__group-icon.has-image .diagram-catalog__group-icon-image,.diagram-catalog__group-icon.has-image .diagram-catalog__group-icon-svg{width:76px;height:76px}.diagram-catalog__group-icon-svg{fill:none;stroke:#161616;stroke-width:1.8}.diagram-catalog__group-name{font-weight:700;line-height:1.2;margin-bottom:6px}.diagram-catalog__group-count{color:var(--ink-muted);font-size:.82rem}@media(min-width:1100px){.diagram-catalog__groups{grid-template-columns:repeat(10,minmax(110px,1fr));gap:10px}}.diagram-catalog__workspace{display:grid;grid-template-columns:280px 1fr;gap:14px;align-items:start}.diagram-catalog__sidebar{border:1px solid var(--line);background:#fff}.diagram-catalog__sidebar-title{margin:0;padding:14px;border-bottom:1px solid var(--line)}.diagram-catalog__sidebar-list{list-style:none;margin:0;padding:0}.diagram-catalog__sidebar-item+.diagram-catalog__sidebar-item{border-top:1px solid var(--line)}.diagram-catalog__sidebar-link{display:block;padding:10px 12px;color:var(--ink);text-decoration:none}.diagram-catalog__sidebar-link:hover{background:var(--bg)}.diagram-catalog__workspace-meta{margin:0 0 12px;font-size:1.05rem}.diagram-catalog__cards{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px}.diagram-catalog__diagram-card{border:1px solid #d4d0c2;background:#fff;text-decoration:none;color:var(--ink);padding:10px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.diagram-catalog__diagram-card:hover{transform:translateY(-2px);border-color:#b9b299;box-shadow:0 10px 22px #1f1e1a14}.diagram-catalog__diagram-image-wrap{border:1px solid var(--line);aspect-ratio:1 / 1;display:grid;place-items:center;background:#fbfbfb;margin-bottom:8px;overflow:hidden}.diagram-catalog__diagram-image{width:100%;height:100%;object-fit:contain;object-position:center;padding:10px}.diagram-catalog__diagram-title{line-height:1.2;font-weight:600}.diagram-catalog__fallback{color:var(--ink-muted)}.diagram-viewer__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.diagram-viewer__breadcrumb{color:var(--ink-muted);font-size:.9rem;margin-bottom:8px}.diagram-viewer__top-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.diagram-viewer__nav-link{border:1px solid var(--line);background:#fff;color:var(--ink);padding:6px 10px;text-decoration:none;font-size:.9rem}.diagram-viewer__nav-link.is-disabled{color:var(--ink-muted);pointer-events:none;opacity:.6}.diagram-viewer__jump{display:grid;grid-template-columns:1fr 1fr 2fr;gap:8px;margin-bottom:12px}.diagram-viewer__jump select{width:100%;border:1px solid var(--line);background:#fff;padding:8px 10px}.diagram-viewer__group-icons{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,128px));justify-content:center;gap:8px;margin:0 auto 12px;padding:4px 0 6px;width:100%}.diagram-viewer__group-chip{border:1px solid var(--line);background:#fff;color:var(--ink);width:100%;min-width:0;padding:6px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.diagram-viewer__group-chip:hover{border-color:#b9b299;box-shadow:0 6px 14px #1f1e1a14;transform:translateY(-1px)}.diagram-viewer__group-chip.is-active{border-color:var(--accent-strong);background:#0f766e14;box-shadow:inset 0 0 0 1px #0f766e33}.diagram-viewer__group-chip.is-disabled{opacity:.5;cursor:default;transform:none}.diagram-viewer__group-chip.is-disabled:hover{box-shadow:none;border-color:var(--line)}.diagram-viewer__group-icon{margin:0 auto}.diagram-viewer__group-chip .diagram-catalog__group-icon{width:52px;height:52px;margin:0 auto 4px}.diagram-viewer__group-chip .diagram-catalog__group-icon.has-image{width:56px;height:56px;margin:0 auto 4px}.diagram-viewer__group-chip .diagram-catalog__group-icon-image,.diagram-viewer__group-chip .diagram-catalog__group-icon-svg{width:30px;height:30px}.diagram-viewer__group-chip .diagram-catalog__group-icon.has-image .diagram-catalog__group-icon-image,.diagram-viewer__group-chip .diagram-catalog__group-icon.has-image .diagram-catalog__group-icon-svg{width:56px;height:56px}.diagram-viewer__group-chip-label{text-align:center;font-size:.84rem;line-height:1.2;font-weight:600}.diagram-viewer__status{color:var(--ink-muted);font-size:.92rem;margin-bottom:10px}.diagram-viewer__layout{display:grid;grid-template-columns:58% 42%;gap:14px;align-items:start}.diagram-viewer__canvas{position:relative;border:1px solid var(--line);background:#fff;overflow:auto;text-align:center;max-height:72vh}.diagram-viewer__stage{position:relative;display:inline-block;line-height:0}.diagram-viewer__image{display:block;width:auto;height:auto;max-width:100%;max-height:72vh}.diagram-viewer__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.diagram-viewer__hotspot{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;border:2px solid transparent;border-radius:4px;background:transparent;cursor:pointer;pointer-events:auto;box-shadow:none;transition:transform .14s ease,filter .14s ease,border-color .14s ease,background-color .14s ease}.diagram-viewer__hotspot:hover{transform:scale(1.08);border-color:var(--select-yellow-line);background:var(--select-yellow-soft);filter:drop-shadow(0 0 6px rgba(250,204,21,.3))}.diagram-viewer__hotspot.is-selected{transform:scale(1.14);border-width:3px;border-color:var(--select-yellow);background:#facc1538;filter:drop-shadow(0 0 12px rgba(250,204,21,.4))}.diagram-viewer__hotspot.is-unmatched{border-color:#767676}.diagram-viewer--square-hotspots .diagram-viewer__hotspot{border-radius:2px}.diagram-viewer__table-wrap{overflow:auto;max-height:74vh;border:1px solid var(--line);background:#fff}.diagram-viewer__table{width:100%;border-collapse:collapse;font-size:.94rem}.diagram-viewer__table th:nth-child(2),.diagram-viewer__table td:nth-child(2){white-space:nowrap;width:1%}.diagram-viewer__table th,.diagram-viewer__table td{border:1px solid var(--line);padding:8px 10px;vertical-align:top}.diagram-viewer__table thead th{background:var(--bg);text-align:left;position:sticky;top:0;z-index:1}.diagram-viewer__table tr.is-clickable{cursor:pointer}.diagram-viewer__table tr.is-selected{background:var(--select-yellow-soft);box-shadow:inset 4px 0 0 0 var(--select-yellow-line)}.diagram-viewer__table tr.is-selected td{font-weight:600}.diagram-viewer__table tr.is-disabled{color:var(--ink-muted)}.diagram-viewer__table tr.is-no-search{color:#8a867a;background:#f6f6f2}.diagram-viewer__part-link{color:#0b5ea8;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;font-weight:600}.diagram-viewer__part-link:hover{color:#084b85}@media(max-width:768px){.diagram-catalog__controls{grid-template-columns:1fr}.diagram-catalog__groups{grid-template-columns:repeat(2,minmax(120px,1fr))}.diagram-catalog__workspace,.diagram-catalog__cards,.diagram-viewer__layout{grid-template-columns:1fr}.diagram-viewer__canvas,.diagram-viewer__image{max-height:52vh}.diagram-viewer__table-wrap{max-height:none}.diagram-viewer__jump{grid-template-columns:1fr}.diagram-viewer__group-icons{grid-template-columns:repeat(3,minmax(86px,1fr));gap:6px;margin-bottom:10px}.diagram-viewer__group-chip{padding:5px 4px;gap:4px}.diagram-viewer__group-chip .diagram-catalog__group-icon{width:42px;height:42px;margin:0 auto 2px}.diagram-viewer__group-chip .diagram-catalog__group-icon.has-image{width:44px;height:44px}.diagram-viewer__group-chip .diagram-catalog__group-icon-image,.diagram-viewer__group-chip .diagram-catalog__group-icon-svg{width:24px;height:24px}.diagram-viewer__group-chip .diagram-catalog__group-icon.has-image .diagram-catalog__group-icon-image,.diagram-viewer__group-chip .diagram-catalog__group-icon.has-image .diagram-catalog__group-icon-svg{width:44px;height:44px}.diagram-viewer__group-chip-label{font-size:.75rem;line-height:1.15}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/diagram-exploded.css.map */