.Coderain-demo{--demo-cyan:#00cfea;padding:90px clamp(16px,3vw,56px);width:100%;box-sizing:border-box;border-top:1px solid #123d4a}
.Coderain-demo *{box-sizing:border-box}
.Coderain-demo__intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.Coderain-demo__intro h2{font-size:clamp(28px,3vw,48px);margin:12px 0;line-height:1.2}
.Coderain-demo__intro p,.Coderain-demo__note{color:#91a8b3;font-size:14px;line-height:1.7}
.Coderain-demo__badge{flex-shrink:0;border:1px solid #22525e;padding:9px 12px;border-radius:6px;color:#8bdae6;font:10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.05em}
.Coderain-demo__window{overflow:hidden;border:1px solid rgba(0,207,234,.35);border-radius:16px;background:#050f18;box-shadow:0 24px 70px #0007,0 0 65px #00cfea08}
.Coderain-demo__bar{display:flex;align-items:center;gap:18px;padding:16px 20px;background:#091823;border-bottom:1px solid #1a3542;color:#a8c8d4;font:11px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.05em}
.Coderain-demo__dots{display:flex;gap:6px}.Coderain-demo__dots i{width:8px;height:8px;border-radius:50%;background:#31505f}.Coderain-demo__dots i:last-child{background:var(--demo-cyan)}
.Coderain-demo__local{margin-left:auto;color:#64c6d4;font-size:10px}
.Coderain-demo__panels{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:560px}
.Coderain-demo__engine{padding:24px;background:linear-gradient(145deg,#05101b,#06141d);border-right:1px solid #1a3542;min-width:0}
.Coderain-demo__panel-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px;color:#5cb6c7;font:10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.08em}
.Coderain-demo__panel-head span:last-child{text-align:right;color:#97c7d2}
.Coderain-demo__request{padding:18px;border:1px solid #28414f;border-left:3px solid var(--demo-cyan);border-radius:9px;background:#0b1c28}
.Coderain-demo__request>span{font:10px ui-monospace,Consolas,monospace;color:var(--demo-cyan);letter-spacing:.15em}.Coderain-demo__request p{min-height:68px;font-size:clamp(14px,1.25vw,18px);line-height:1.65;margin:10px 0;color:#e3faff}.Coderain-demo__request small{font-size:10px;color:#769aa9}
.Coderain-demo__terminal{margin-top:22px;font:12px/1.75 ui-monospace,Consolas,monospace;color:#b0dce7}
.Coderain-demo__terminal>div{display:flex;align-items:center;gap:8px;color:var(--demo-cyan);font-size:11px}.Coderain-demo__terminal>div>span:last-child{margin-left:auto;color:#4e798a;font-size:9px}
.Coderain-demo__signal{width:6px;height:6px;border-radius:50%;background:var(--demo-cyan);box-shadow:0 0 10px #00cfea66}
.Coderain-demo__terminal ol{list-style:none;padding:0;margin:14px 0;min-height:155px}.Coderain-demo__terminal li{padding:3px 0;overflow-wrap:anywhere}.Coderain-demo__terminal li::before{content:'› ';color:var(--demo-cyan)}
.Coderain-demo__decision{padding:11px 14px;border-radius:6px;border:1px solid #24404d;color:#b8e6ee;font-size:12px;line-height:1.65;background:#0b202b}
.Coderain-demo__diff{margin-top:14px;color:#87e0ed;font:11px/1.7 ui-monospace,Consolas,monospace}.Coderain-demo__diff>div{font-size:9px;color:#649da9}.Coderain-demo__diff pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;padding:12px;border:1px solid #1c4753;background:#071c23;border-radius:6px;font:inherit}
.Coderain-demo__preview{padding:24px;min-width:0;background:radial-gradient(ellipse at top right,#103c452c,transparent 65%),#0b1721}
.Coderain-demo__address{display:flex;gap:9px;padding:9px 12px;border:1px solid #2a3c48;border-radius:8px 8px 0 0;background:#14232e;color:#8dabb9;font:10px/1.5 ui-monospace,Consolas,monospace}.Coderain-demo__address>span:last-child{margin-left:auto;color:#51d2e2;font-size:9px}
.Coderain-demo__app{display:grid;grid-template-columns:145px minmax(0,1fr);min-height:425px;border:1px solid #2a3c48;border-top:0;border-radius:0 0 8px 8px;overflow:hidden}
.Coderain-demo__nav{padding:22px 10px;background:#091521;display:flex;flex-direction:column;gap:9px;min-width:0}.Coderain-demo__nav>b{font-size:14px;letter-spacing:.08em;margin:0 8px 18px;color:#e6f7fc}.Coderain-demo__nav em{font-style:normal;color:var(--demo-cyan)}.Coderain-demo__nav>span{display:block;padding:10px 8px;font-size:10px;color:#8ca7b7;border-radius:5px;white-space:nowrap}.Coderain-demo__nav>div{margin-top:auto;padding:15px 8px 0;font:8px ui-monospace,Consolas,monospace;color:#547282}
.Coderain-demo__nav-new{visibility:hidden;opacity:0;transform:translateY(5px);transition:opacity .5s,transform .5s}.Coderain-demo__nav-new.is-visible{visibility:visible;opacity:1;transform:none;background:#073442;color:#97f3ff!important;outline:1px solid #00cfea44}.Coderain-demo__nav-new small{display:block;font:7px ui-monospace,Consolas,monospace;color:var(--demo-cyan);margin-top:3px}
.Coderain-demo__screen{padding:20px;background:#11212e;min-width:0}.Coderain-demo__screen-top{display:flex;align-items:center;justify-content:space-between;font:8px ui-monospace,Consolas,monospace;color:#7597a9;gap:8px}.Coderain-demo__avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#16414f;color:#b2f3fa;font-size:9px}
.Coderain-demo__screen h3{font-size:clamp(19px,1.8vw,27px);line-height:1.25;margin:20px 0 8px;color:#e5f6fc}.Coderain-demo__screen>p{font-size:11px;color:#8eaab9;line-height:1.6;margin-bottom:20px}
.Coderain-demo__before>div{border:1px solid #284451;background:#132b39;border-radius:7px;padding:15px;margin-bottom:12px}.Coderain-demo__before span{display:block;font:8px ui-monospace,Consolas,monospace;color:#76bccd}.Coderain-demo__before strong{display:block;font-size:18px;margin:7px 0;color:#d9f4fa}.Coderain-demo__before small{font-size:10px;color:#8faab8}.Coderain-demo__placeholder{height:55px;opacity:.3;background:repeating-linear-gradient(0deg,#24414f,#24414f 2px,transparent 2px,transparent 12px)!important}
.Coderain-demo__checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.Coderain-demo__checks article{padding:13px;border:1px solid #2b4351;border-radius:7px;background:#132b39;opacity:.18;transform:translateY(8px);transition:opacity .55s,transform .55s,border-color .55s;min-height:130px}.Coderain-demo__checks article.is-ready{opacity:1;transform:none;border-color:#267c8a}.Coderain-demo__checks article.is-ready:last-child{border-color:#8a682b}.Coderain-demo__checks article>span:not(.Coderain-demo__check-icon){display:block;font-size:10px;color:#a9c4d2;margin:8px 0}.Coderain-demo__checks strong{display:block;font-size:16px;color:#71e5f3}.Coderain-demo__checks article:last-child strong{color:#e8c17b}.Coderain-demo__checks small{display:block;font-size:9px;color:#7898a9;line-height:1.6;margin-top:7px}.Coderain-demo__check-icon{font:16px ui-monospace,Consolas,monospace;color:#78dce9}
.Coderain-demo__report{display:flex;align-items:flex-start;gap:9px;padding:13px;margin-top:16px;background:#073541;border:1px solid #24707f;border-radius:7px;color:#a7f0f6}.Coderain-demo__report strong,.Coderain-demo__report small{display:block;font-size:10px;line-height:1.6}.Coderain-demo__report small{color:#88bdc9;margin-top:4px;font-size:9px}
.Coderain-demo__controls{display:flex;align-items:center;gap:14px;padding:15px 20px;border-top:1px solid #1b3c49;background:#091923;font:11px/1.5 ui-monospace,Consolas,monospace;color:#94bfcc}.Coderain-demo__controls button{font:inherit;color:#d9f9ff;border:1px solid #2c6472;border-radius:6px;padding:9px 12px;background:#103440;cursor:pointer;white-space:nowrap;min-height:40px}.Coderain-demo__controls button:hover{border-color:var(--demo-cyan)}.Coderain-demo__controls button:focus-visible,.Coderain-demo__controls input:focus-visible{outline:2px solid var(--demo-cyan);outline-offset:3px}.Coderain-demo__controls input{min-width:60px;flex:1;accent-color:var(--demo-cyan);cursor:pointer}.Coderain-demo__status{color:#5cd2e2;min-width:95px;text-align:right}.Coderain-demo__note{margin:16px 0 0;font-size:11px}.Coderain-demo__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.Coderain-demo [hidden]{display:none!important}
@media(max-width:1100px){.Coderain-demo__app{grid-template-columns:110px minmax(0,1fr)}.Coderain-demo__engine,.Coderain-demo__preview{padding:18px}.Coderain-demo__nav>span{font-size:9px}.Coderain-demo__badge{max-width:190px;white-space:normal}}
@media(max-width:850px){.Coderain-demo__intro{display:block}.Coderain-demo__badge{display:inline-block;max-width:none;margin-top:12px}.Coderain-demo__panels{grid-template-columns:1fr}.Coderain-demo__engine{border-right:0;border-bottom:1px solid #23414d}.Coderain-demo__app{grid-template-columns:130px minmax(0,1fr)}.Coderain-demo__controls{flex-wrap:wrap;gap:10px}.Coderain-demo__controls input{order:4;flex-basis:100%}.Coderain-demo__status{margin-left:auto}.Coderain-demo__local{display:none}.Coderain-demo__bar{font-size:9px;gap:10px}}
@media(max-width:480px){.Coderain-demo{padding:65px 12px}.Coderain-demo__engine,.Coderain-demo__preview{padding:14px}.Coderain-demo__app{grid-template-columns:85px minmax(0,1fr)}.Coderain-demo__nav{padding:18px 6px}.Coderain-demo__nav>b{font-size:10px;margin-left:3px}.Coderain-demo__nav>span{font-size:8px;padding:8px 3px;white-space:normal}.Coderain-demo__nav>div{font-size:7px;padding-left:3px}.Coderain-demo__screen{padding:12px}.Coderain-demo__checks{grid-template-columns:1fr}.Coderain-demo__checks article{min-height:105px}.Coderain-demo__request p{min-height:90px}.Coderain-demo__controls{padding:12px}.Coderain-demo__terminal>div>span:last-child{display:none}.Coderain-demo__panel-head{font-size:8px}.Coderain-demo__status{font-size:9px;min-width:auto}}
@media(prefers-reduced-motion:reduce){.Coderain-demo *{transition:none!important;animation:none!important}}