.cati-case{background:#111516}.cati-feature{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.65fr);align-items:center;gap:clamp(1.5rem,3vw,4rem);padding-block:1rem 5rem}.cati-editor{min-width:0;background:#202225;color:#d9dcdf;border:1px solid #4a4e51;box-shadow:0 35px 90px #0009;font:12px/1.3 'Segoe UI',Arial,sans-serif;overflow:hidden}.cati-menubar,.cati-mainbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .75rem;white-space:nowrap;border-bottom:1px solid #0e1011}.cati-menubar{background:#191b1d;color:#afb4b7}.cati-menubar strong{font-weight:600;color:#f0f1f2}.cati-mainbar{background:#292b2e;color:#c7cbce}.cati-mainbar span:nth-child(3){background:#205f39;color:#effff3;padding:.25rem .6rem;border-radius:2px}.cati-workspace{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:2px;background:#101214}.cati-viewport{position:relative;min-width:0;background:#202429}.cati-viewport>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.cati-viewport-bar{position:absolute;top:.6rem;left:.6rem;display:flex;gap:3px;z-index:1}.cati-viewport-bar span{background:#202529df;padding:.3rem .5rem;color:#eef0f1;border-radius:2px}.cati-view-corner{position:absolute;bottom:.6rem;left:.6rem;padding:.3rem .5rem;background:#171b1dcc;color:#e9eaea;font-size:11px}.cati-side{background:#252729;min-width:0}.cati-panel-title{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#303337;border-bottom:1px solid #111;color:#e3e4e5;padding:.45rem .65rem;font-weight:600}.cati-panel-title span{color:#aeb7ba;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cati-side ul{list-style:none;margin:0;padding:.4rem 0;min-height:170px;color:#ccd1d4}.cati-side li{padding:.2rem .65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cati-side li.child{padding-left:1.7rem}.cati-side li:nth-child(2){background:#344f67;color:white}.cati-property{display:grid;grid-template-columns:1fr 1fr;gap:.3rem .4rem;padding:.5rem .65rem;color:#bdc3c6}.cati-property b{grid-column:1/-1;background:#303337;color:#e4e6e7;margin:.25rem -.65rem 0;padding:.3rem .65rem;font-weight:500}.cati-property i{font-style:normal;color:#e8e9ea;background:#1d1f21;border:1px solid #3b3f42;padding:.2rem .4rem;white-space:nowrap}.cati-content{border-top:2px solid #111;background:#26292c}.cati-assets{display:flex;gap:.55rem;overflow-x:auto;padding:.7rem}.cati-assets span{flex:0 0 135px;min-height:66px;background:#35383b;border:1px solid #4a5054;border-radius:2px;padding:1.15rem .5rem .3rem;overflow-wrap:anywhere;color:#e3e5e6}.cati-text{max-width:400px}.cati-text h3{font-size:clamp(2rem,3.2vw,3.6rem);font-weight:400;line-height:1.05;margin:1rem 0 1.5rem;letter-spacing:-.045em}.cati-text p:not(.eyebrow){color:var(--muted);font-size:1rem;line-height:1.65}.cati-text p+p{margin-top:1rem}
@media(max-width:1200px){.cati-feature{grid-template-columns:1fr}.cati-text{max-width:750px}.cati-text h3 br{display:none}}
@media(max-width:650px){.cati-feature{padding-block:0 3rem}.cati-editor{font-size:10px}.cati-menubar span:nth-child(2),.cati-mainbar span:nth-child(2){display:none}.cati-workspace{grid-template-columns:1fr}.cati-side{display:grid;grid-template-columns:1fr 1fr}.cati-side ul{min-height:0}.cati-side>.cati-panel-title:nth-of-type(2){grid-column:2;grid-row:1}.cati-property{grid-column:2;grid-row:2}.cati-viewport>img{min-height:245px}.cati-assets span{flex-basis:110px}.cati-text h3{font-size:2.3rem}}