.lifecycle-code-stage pre{min-height:300px}.fiber-section,.effects-section,.nested-section,.hmr-section{padding:72px 0;border-top:1px solid var(--line)}.state-path{position:relative;display:flex;align-items:center;gap:11px;overflow:auto;padding:32px 24px;border:1px solid var(--line);border-radius:12px;background:#09100c}.state-path span,.state-path b{flex:none;padding:12px 15px;border:1px solid #33433a;border-radius:9px;font:12px ui-monospace}.state-path .active-state{border-color:var(--brand-green);color:var(--brand-green);background:#22bd7e0c}.state-path i{color:#536159;font-style:normal}.state-path b{position:absolute;left:31%;bottom:4px;border-color:#594039;color:#c99080;font-weight:400}.state-meanings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.state-meanings>div{padding:22px;border-left:2px solid #35473d;background:#0a120e}.state-meanings code,.effect-map code{color:var(--brand-green);font:12px ui-monospace}.state-meanings p{margin:13px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.dependency-cycle,.hmr-flow{display:flex;align-items:center;gap:10px;overflow:auto;margin-top:22px}.dependency-cycle span,.hmr-flow span{flex:none;padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:12px}.dependency-cycle i,.hmr-flow i{color:#506057;font-style:normal}.effect-map{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.effect-map>div{display:grid;gap:16px;min-height:125px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#09100c}.effect-map>div:nth-child(2n){border-right:0}.effect-map>div:last-child{grid-column:1/-1;border:0;background:#0d1812}.effect-map span{color:var(--muted);font-size:13px}.async-warning{margin-top:24px;padding:22px;border-left:2px solid var(--brand-green);background:#0b140f}.async-warning strong{color:var(--brand-green);font-size:13px}.async-warning p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.nested-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:stretch}.fiber-parent{display:grid;align-content:start;gap:24px;padding:24px;border:1px solid #385044;border-radius:12px;background:#0b140f;color:var(--brand-green);font:12px ui-monospace}.fiber-parent>div{display:grid;gap:16px;margin:0 0 0 32px;padding:24px;border:1px solid #314239;border-radius:10px;background:#08100c;color:#dce7e1}.fiber-parent small{color:var(--muted);font:12px/1.5 DMSans,sans-serif}.nested-layout .code-block{margin:0}.dispose-guarantees{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:12px;margin-top:18px}.dispose-guarantees>div{padding:20px;border-top:2px solid #35473d}.dispose-guarantees>div:last-child{border-color:var(--brand-green)}.dispose-guarantees strong{font-size:13px}.hmr-flow span:last-child{border-color:var(--brand-green);color:var(--brand-green)}@media(max-width:760px){.state-meanings,.effect-map,.nested-layout,.dispose-guarantees{grid-template-columns:1fr}.effect-map>div{border-right:0}.effect-map>div:last-child{grid-column:auto}.fiber-section,.effects-section,.nested-section,.hmr-section{padding:54px 0}.state-path b{position:static}.state-path{padding:20px}.nested-layout .code-block{margin-top:0}}