.res-code-window{background:#fff;border:1px solid #e6eaf0;border-radius:1.6rem;width:100%;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:hidden;box-shadow:0 2.4rem 6rem #0d121c14}.res-code-window__bar{background:#fafbfc;border-bottom:1px solid #eef1f6;align-items:center;gap:1.4rem;padding:1.6rem 2.2rem;display:flex;position:relative}.res-code-window__dots{gap:.8rem;display:inline-flex}.res-code-window__dot{border-radius:50%;width:1.2rem;height:1.2rem}.res-code-window__dot--red{background:#ef4444}.res-code-window__dot--yellow{background:#fbbf24}.res-code-window__dot--green{background:#34d399}.res-code-window__title{text-align:center;color:#475569;letter-spacing:.12em;font-size:clamp(8px,1.3rem,20px);font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.res-code-window__body{background:#fff;margin:0;padding:3rem 3.2rem 3.4rem;overflow-x:auto}.res-code-window__body code{white-space:pre;color:#0d121c;tab-size:2;font-family:inherit;font-size:clamp(10px,1.8rem,30px);line-height:1.7;display:block}.cw-kw{color:#0ea5e9}.cw-str{color:#10b981}.cw-com{color:#94a3b8ed;font-style:italic}.cw-fn,.cw-bool{color:#6366f1}@media (orientation:portrait){.res-code-window{border-radius:1.2rem}.res-code-window__bar{gap:1rem;padding:1.2rem 1.6rem}.res-code-window__dot{width:1rem;height:1rem}.res-code-window__title{letter-spacing:.1em;font-size:1.1rem}.res-code-window__body{padding:2rem 1.8rem 2.2rem}.res-code-window__body code{font-size:1.1rem;line-height:1.6}}