@layer components{._root_snbq4_1{box-sizing:border-box;flex-direction:column;gap:6px;width:100%;min-width:0;padding:24px;display:flex}._chain_snbq4_11{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:100%;min-width:0;display:grid}._stage_snbq4_19{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex;position:relative}._connector_snbq4_29{z-index:1;width:18px;height:16px;position:absolute;top:15px;right:-17px;overflow:visible}._node_snbq4_39{border:1px solid var(--border-light);background:var(--learning-block-visualization-surface,var(--bg-primary));width:100%;min-width:0;height:44px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}._active_snbq4_53 ._node_snbq4_39{border:2px solid var(--learning-block-accent);background:var(--learning-block-accent-surface);color:var(--text-primary)}._node_snbq4_39 svg{width:30px;height:30px}._warning_snbq4_64{border:1px solid var(--learning-block-color-orange);width:14px;height:14px;color:var(--learning-block-color-orange);border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:600;line-height:12px;display:flex;position:absolute;top:4px;right:5px}._label_snbq4_81{width:100%;min-width:0;height:32px;color:var(--text-secondary);overflow-wrap:anywhere;justify-content:center;align-items:flex-start;font-size:12px;line-height:16px;display:flex}._active_snbq4_53 ._label_snbq4_81{color:var(--text-primary);font-weight:600}._fullLabel_snbq4_99{display:none}._compactLabel_snbq4_103{display:inline}._form_snbq4_107{width:100%;min-width:0;min-height:16px;color:var(--text-secondary);overflow-wrap:anywhere;justify-content:center;align-items:center;font-size:12px;line-height:16px;display:flex}._active_snbq4_53 ._form_snbq4_107{color:var(--learning-block-accent);font-weight:600}._clipped_snbq4_125 ._form_snbq4_107{color:var(--learning-block-color-orange);font-weight:600}._signal_snbq4_130{width:100%;height:40px}._wave_snbq4_135{stroke:var(--learning-block-color-primary);stroke-width:2.2px}._active_snbq4_53 ._wave_snbq4_135{stroke:var(--learning-block-accent);stroke-width:2.7px}._clipped_snbq4_125 ._wave_snbq4_135{stroke:var(--learning-block-color-orange)}._interface_snbq4_149{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:100%;min-width:0;display:grid}._interfaceGuide_snbq4_157{min-width:0;color:var(--text-secondary);text-align:center;flex-direction:column;grid-column:2/5;align-items:center;gap:2px;font-size:12px;line-height:16px;display:flex}._interfaceGuide_snbq4_157 svg{width:100%;height:8px}._monitor_snbq4_175{justify-content:flex-end;width:100%;min-width:0;display:flex}._monitorBranch_snbq4_182{flex-direction:column;width:min(100%,320px);min-width:0;display:flex}._monitorRoute_snbq4_189{width:100%;height:16px;overflow:visible}._monitorText_snbq4_195{min-width:0;color:var(--text-secondary);align-items:flex-start;gap:6px;font-size:12px;line-height:16px;display:flex}._monitorText_snbq4_195 svg{flex:none;width:18px;height:18px}._thumbnail_snbq4_211{gap:3px;padding:8px 4px 5px}._thumbnail_snbq4_211 ._chain_snbq4_11{gap:3px}._thumbnail_snbq4_211 ._connector_snbq4_29{width:5px;height:10px;top:4px;right:-4px}._thumbnail_snbq4_211 ._label_snbq4_81,._thumbnail_snbq4_211 ._form_snbq4_107,._thumbnail_snbq4_211 ._interface_snbq4_149,._thumbnail_snbq4_211 ._monitor_snbq4_175,._thumbnail_snbq4_211 ._warning_snbq4_64{display:none}._thumbnail_snbq4_211 ._node_snbq4_39{border-radius:5px;height:22px}._thumbnail_snbq4_211 ._node_snbq4_39 svg{width:13px;height:13px}._thumbnail_snbq4_211 ._signal_snbq4_130{height:22px}@media (width<=480px){._root_snbq4_1{gap:6px}._chain_snbq4_11,._interface_snbq4_149{gap:10px}._connector_snbq4_29{width:14px;right:-12px}._node_snbq4_39{height:44px}._label_snbq4_81{height:32px}._warning_snbq4_64{top:2px;right:2px}._interfaceGuide_snbq4_157{grid-column:2/5}._thumbnail_snbq4_211{gap:3px;padding:8px 4px 5px}._thumbnail_snbq4_211 ._chain_snbq4_11{gap:3px}._thumbnail_snbq4_211 ._connector_snbq4_29{width:5px;height:10px;top:4px;right:-4px}._thumbnail_snbq4_211 ._node_snbq4_39{height:22px}._thumbnail_snbq4_211 ._node_snbq4_39 svg{width:13px;height:13px}._thumbnail_snbq4_211 ._signal_snbq4_130{height:22px}}}