.agent-canvas,.step-flow,.product-ui-grid{max-width:1240px;margin:56px auto 0}.agent-canvas{display:flex;flex-direction:column;align-items:center;padding:20px;border:1px solid #293a35;border-radius:6px;background:#101817}.agent-node,.agent-core{width:100%;max-width:940px;padding:17px;border:1px solid #31473f;border-radius:5px;background:#0c1211;text-align:center}.agent-node>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.agent-node span{padding:6px 9px;border:1px solid #375449;color:#a8c2ba;font-size:11px}.flow-arrow{margin:8px 0;color:#69e5c6;font-size:20px}.agent-core{background:#10251f}.agent-core>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.agent-core article{display:grid;gap:9px;min-height:118px;padding:14px;border:1px solid #3b6458;background:#0e1c18;text-align:left}.agent-core article>span{color:#6de8c8;font-size:10px}.agent-core article b{font-size:14px;line-height:1.4}.agent-core article small{color:#8da79e;font-size:11px;line-height:1.55}.quality-node{max-width:940px}.review-node b{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px;font-size:13px}.review-node i{width:18px;height:1px;background:#65e5c4}.feedback-loop{display:flex;gap:12px;align-items:center;width:100%;max-width:940px;margin-top:13px;padding:14px 16px;border-left:2px solid #65e5c4;background:#10231e;color:#a8c5ba;font-size:12px;line-height:1.6}.feedback-loop b{flex:0 0 auto;color:#71e7c9}.step-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:56px;padding:0;list-style:none}.step-flow li{position:relative;display:grid;gap:8px;min-height:142px;padding:16px;border:1px solid #293a35;border-radius:6px;background:#101817}.step-flow li:not(:nth-child(4n))::after{content:"→";position:absolute;right:-16px;top:50%;z-index:1;color:#63e3c2}.step-flow li span{color:#6ae6c6;font-size:10px}.step-flow li b{font-size:14px;line-height:1.45}.step-flow li small{color:#8ca099;font-size:11px;line-height:1.55}.step-flow li.human{border-color:#806a34;background:#1a1913}.step-flow li.human span{color:#e4bd62}.product-ui-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ui-module{display:flex;flex-direction:column;min-height:390px;padding:17px;border:1px solid #293a35;border-radius:6px;background:#101817}.ui-module header{display:grid;gap:8px}.ui-module header span{color:#66e5c5;font-size:10px}.ui-module header b{font-size:16px}.mini-ui{display:grid;gap:9px;min-height:204px;margin:25px 0 17px;padding:11px;border:1px solid #334b43;border-radius:4px;background:#0b1110}.mini-ui label{color:#7f948d;font-size:9px}.mini-ui textarea{width:100%;min-height:114px;padding:8px;border:1px solid #2b413a;border-radius:3px;resize:none;background:#101a17;color:#afc2bc;font:10px/1.55 inherit}.history-ui>div,.review-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.history-ui span,.review-actions span{color:#70e5c6;font-size:9px}.history-ui b,.review-actions b{padding:6px 7px;border-radius:3px;background:#65e5c4;color:#09211a;font-size:9px}.trait-row{display:grid;gap:3px;padding:7px 0;border-top:1px solid #2c403a}.trait-row span{color:#68e4c4;font-size:8px}.trait-row b{color:#a7bbb4;font-size:10px;line-height:1.4}.reply-option{display:grid;grid-template-columns:auto 1fr;gap:6px;padding:7px;border:1px solid #2c413b;border-radius:3px;color:#a5b8b2;font-size:10px;line-height:1.45}.reply-option i{width:6px;height:6px;margin-top:4px;border-radius:50%;background:#61726d}.reply-option.current{border-color:#4f967f;background:#10251f}.reply-option.current i{background:#69e5c5}.review-copy{padding:9px;border:1px solid #2d433c;border-radius:3px;color:#b7cac4;font-size:10px;line-height:1.55}.ui-module>p{margin:auto 0 0;color:#91a39d;font-size:12px;line-height:1.7}@media(max-width:900px){.agent-core>div,.step-flow,.product-ui-grid{grid-template-columns:repeat(2,1fr)}.step-flow li:not(:nth-child(4n))::after{display:none}.step-flow li:not(:nth-child(2n))::after{content:"→"}}@media(max-width:620px){.agent-core>div,.step-flow,.product-ui-grid{grid-template-columns:1fr}.step-flow li::after{display:none!important}.agent-canvas{padding:12px}.review-node b{flex-wrap:wrap}.feedback-loop{align-items:flex-start;flex-direction:column}.ui-module{min-height:0}}