.cs-pad{gap:18px;padding:24px}.cs-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:16px;display:grid}.cs-actions{border-top:1px solid var(--divider);flex-wrap:wrap;align-items:center;gap:14px;padding-top:18px;display:flex}.cs-chips{flex-wrap:wrap;align-items:center;gap:8px;margin-top:-8px;display:flex}.ui .cs-chip{border:1px solid var(--border);height:30px;color:var(--text2);cursor:pointer;background:#fff;border-radius:99px;padding:0 12px;font-size:13px;font-weight:700}.ui .cs-chip:hover{border-color:var(--orange);color:var(--orange)}.cs-head-meta{color:var(--text2);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:13.5px;display:flex}.cs-steps .ui-steps li{align-items:center}.cs-retry{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 20px 20px;display:flex}.cs-list{flex-direction:column;display:flex}.cs-row{border-top:1px solid var(--divider);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:6px 14px;padding:14px 20px;display:grid}.cs-row.off{opacity:.55}.cs-keep{padding-top:2px}.ui .cs-keep input{width:18px;height:18px;accent-color:var(--orange);margin:0}.cs-main{flex-direction:column;gap:4px;min-width:0;display:flex}.cs-main>b{color:var(--navy);font-size:15px;font-weight:800}.cs-side{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:300px;display:flex}.cs-what{color:var(--text2);margin:0 0 6px;font-size:13.5px}.cs-lines{font:12.5px/1.6 var(--mono);color:var(--navy);margin:0 0 8px;padding-left:18px}.cs-inputs{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.cs-in{background:var(--subtle);border:1px solid var(--border);color:var(--text2);border-radius:99px;padding:3px 9px;font-size:12px}.cs-in.product{border-color:var(--orange-border);background:var(--orange-sel);color:var(--navy)}.cs-example{border-left:3px solid var(--orange-border);background:var(--subtle);color:var(--text2);border-radius:0 8px 8px 0;flex-direction:column;gap:3px;padding:10px 12px;font-size:13px;display:flex}.cs-example small{color:var(--text3);font-size:11.5px}.cs-example b{color:var(--navy);flex-wrap:wrap;gap:4px 14px;font-weight:600;display:flex}.cs-example b .main{color:var(--orange-text);font-weight:800}.cs-syn{color:var(--text3);margin:8px 0 0;font-size:12.5px;line-height:1.5}.cs-cuts{border-top:1px solid var(--divider);padding:14px 20px}.cs-cut{color:var(--text2);flex-direction:column;gap:2px;margin:0 0 10px;font-size:13px;line-height:1.5;display:flex}.cs-cut b{color:var(--navy);font-size:13px}.cs-sum{flex-direction:column;flex:1;gap:2px;min-width:180px;display:flex}.cs-sum b{color:var(--navy);font-size:14px}.cs-sum small{color:var(--text3);font-size:12.5px}.cs-build{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;padding:0 20px 20px;display:grid}@media (max-width:760px){.cs-build{grid-template-columns:minmax(0,1fr)}}.cs-tree{font:13px/1.4 var(--mono);color:var(--text3);flex-direction:column;gap:7px;margin:0;padding:14px 16px;list-style:none;display:flex}.cs-tree li{align-items:center;gap:8px;min-width:0;display:flex}.cs-tree li span{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;font-family:inherit;overflow:hidden}.cs-tree li.done{color:var(--navy)}.cs-tree li svg{width:12px;height:12px;color:var(--ok);flex:none}.cs-tree li i{border:2px solid var(--border);border-radius:99px;flex:none;width:12px;height:12px}.cs-preview-bar{border-bottom:1px solid var(--divider);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;display:flex}.ui .cs-preview-bar select{flex:1;min-width:200px;max-width:100%}.cs-preview-bar+.ui-frame{margin:16px 20px}.cs-preview-bar+.ui-frame iframe{height:760px}.cs-checks{border-top:1px solid var(--divider);background:var(--subtle);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:7px 16px;padding:14px 20px;display:grid}.cs-checks-head{letter-spacing:.08em;text-transform:uppercase;color:var(--ok-text);grid-column:1/-1;font-size:12px;font-weight:700}.cs-checks-head.warn{color:var(--warn-text)}.cs-check{color:var(--text2);align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.45;display:flex}.cs-check svg{width:12px;height:12px;color:var(--ok);flex:none;margin-top:2px}.cs-check i{text-align:center;width:12px;color:var(--bad-text);flex:none;font-style:normal;font-weight:800}@media (max-width:620px){.cs-row{grid-template-columns:auto minmax(0,1fr)}.cs-side{grid-column:2;justify-content:flex-start;max-width:none}}
