.workspace{display:grid;grid-template-columns:minmax(0,900px) minmax(240px,300px);gap:24px;max-width:1224px;align-items:start}
.chat{width:100%;min-width:0}
#messages{max-height:520px;min-height:360px}
.test-case{border:1px solid #dfe8e6;border-radius:6px;background:#fff;padding:20px;color:#24313a;position:sticky;top:20px}
.test-case-head{border-bottom:1px solid #e8eeee;padding-bottom:14px;margin-bottom:14px}.test-case-head small{color:#2e8b78;letter-spacing:1.5px;font-size:10px;font-weight:700}.test-case h2{font-size:20px;margin:6px 0;color:#17232b}.test-case p{font-size:12px;line-height:1.6;color:#6d7b83;margin:0}
.test-case ol{padding:0;margin:0;list-style:none;counter-reset:step}.test-case li{counter-increment:step;margin:0 0 14px;padding-left:30px;position:relative}.test-case li:before{content:counter(step);position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;background:#edf5f2;color:#287f70;text-align:center;line-height:21px;font-size:11px;font-weight:700}.test-case li b{display:block;font-size:12px;margin-bottom:5px;color:#276f61}.test-case code{display:block;background:#f5f8f8;border:1px solid #e3eceb;border-radius:4px;padding:8px;font:12px/1.55 inherit;color:#40525a;white-space:normal;overflow-wrap:anywhere}.test-check{border-top:1px solid #e8eeee;padding-top:12px;font-size:12px;line-height:1.6}.test-check b{color:#276f61;margin-right:7px}.test-check span{color:#6d7b83}
@media(max-width:1080px){.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:16px}}
@media(max-width:760px){.workspace{display:block;max-width:none}.test-case{position:static;margin-top:18px}#messages{min-height:320px;max-height:55vh}}