.code-window{--cw-bg:#292529;--cw-panel:#352b2b;--cw-stroke:#71504a;--cw-accent:#f18b65;--cw-text:#eee8d9;background:var(--cw-bg);width:100%;min-width:0;max-width:100%;color:var(--cw-text);border:1px solid var(--cw-accent);isolation:isolate;border-radius:7px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;transition:background-color 2.6s,border-color 2.6s;position:relative;overflow:hidden;box-shadow:0 14px 38px #26342514}.cw-windows{--cw-bg:#222d25;--cw-panel:#2c3b2d;--cw-stroke:#536b43;--cw-accent:#b7df76}.cw-linux{--cw-bg:#202e31;--cw-panel:#263c3d;--cw-stroke:#46726c;--cw-accent:#79d6c5}.cw-windowbar{border-bottom:1px solid var(--cw-accent);height:42px;transition:border-color 2.6s;position:relative;overflow:hidden}.cw-chrome{opacity:0;pointer-events:none;grid-template-columns:75px minmax(0,1fr) 75px;align-items:center;gap:5px;padding:0 12px;transition:opacity 2.6s;display:grid;position:absolute;inset:0}.cw-chrome-active{opacity:1}.cw-chrome-macos{background:#b74b35}.cw-chrome-windows{background:#587a35}.cw-chrome-linux{background:#24766d}.cw-window-title{text-align:center;font-family:var(--font-dm-sans),Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis;color:#fff3df;font-size:10px;font-weight:500;overflow:hidden}.cw-window-title>span{color:#f5e8d8}.cw-chrome-windows .cw-window-title{text-align:left}.cw-left-controls{align-items:center;gap:6px;display:flex}.cw-left-controls>i{background:#ffd1b8;border:1px solid #00000018;border-radius:50%;width:9px;height:9px}.cw-left-controls>i:nth-child(2){background:#f4cf75}.cw-left-controls>i:nth-child(3){background:#badd8c}.cw-right-controls{justify-content:end;align-items:center;gap:0;display:flex}.cw-right-controls>span{color:#fff0df;justify-content:center;align-items:center;width:24px;height:24px;font-size:15px;display:flex}.cw-chrome-linux .cw-close{background:#c45c40;border-radius:50%;width:20px;height:20px;margin-left:3px}.cw-app-icon{color:#e7f2ce;align-items:center;width:17px;height:17px;display:flex}.cw-app-icon svg{fill:currentColor;width:13px;height:13px}.cw-linux-icon{color:#ffdda3;font-size:15px}.cw-filebar{background:var(--cw-panel);border-bottom:1px solid var(--cw-stroke);justify-content:space-between;align-items:center;height:37px;font-size:9px;transition:background-color 2.6s,border-color 2.6s;display:flex}.cw-file{background:var(--cw-bg);border-right:1px solid var(--cw-stroke);border-top:2px solid var(--cw-accent);align-self:stretch;align-items:center;gap:8px;padding:0 14px;transition:background-color 2.6s,border-color 2.6s;display:flex}.cw-file b{color:#8bdbd1;font-size:8px;font-weight:600}.cw-file i{color:#a2ad9a;margin-left:12px;font-style:normal}.cw-file-context{color:#b9c0ad;margin-right:14px;font-size:8px}.cw-code-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--cw-accent) transparent;outline-offset:-3px;scroll-behavior:auto;min-width:0;height:292px;overflow:hidden auto}.cw-code-viewport:focus-visible{outline:1px solid var(--cw-accent)}.cw-code{tab-size:2;white-space:pre-wrap;width:100%;max-width:100%;min-height:100%;margin:0;padding:16px 13px 22px 0;font-size:9px;line-height:1.85}.cw-line{align-items:baseline;width:100%;min-height:17px;display:flex}.cw-line-number{text-align:right;color:#98a18b;-webkit-user-select:none;user-select:none;flex:0 0 38px;padding:0 10px 0 7px;font-size:8px;display:inline-block}.cw-line code{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;color:#e0e5d7;flex:1;min-width:0}.cw-token-comment{color:#a5b096}.cw-token-keyword{color:#ffa37e}.cw-token-string{color:#c6df85}.cw-token-type{color:#88d5d0}.cw-token-number{color:#ffd489}.cw-caret{vertical-align:-2px;background:#ffe0a8;width:1.5px;height:11px;animation:1.6s step-end infinite cw-blink;display:inline-block}.cw-terminal{border-top:1px solid var(--cw-stroke);background:#1c2423;min-width:0;height:100px;padding:11px 14px;transition:border-color 2.6s;overflow:hidden}.cw-terminal-heading{color:#cfdbbe;letter-spacing:.09em;justify-content:space-between;margin-bottom:9px;font-size:7px;display:flex}.cw-terminal-heading>span:last-child{color:#d3e69e;font-size:10px}.cw-terminal-command{overflow-wrap:anywhere;font-size:9px;line-height:1.55}.cw-terminal-command>span{color:#8ed8cb;margin-right:7px}.cw-build-result{color:#b7c8a5;overflow-wrap:anywhere;align-items:center;gap:5px;margin-top:5px;font-size:8px;line-height:1.6;display:flex}.cw-success{color:#d5ed95}.cw-spinner{border:1px solid #587248;border-top-color:#e5f4b8;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:.7s linear infinite cw-spin;display:inline-block}.cw-statusbar{border-top:1px solid var(--cw-stroke);background:var(--cw-panel);color:#e0e9cc;white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;height:25px;padding:0 12px;font-size:7px;transition:background-color 2.6s,border-color 2.6s;display:flex}.cw-statusbar>span:first-child{align-items:center;gap:5px;display:flex}.cw-statusbar i{background:var(--cw-accent);border-radius:50%;width:4px;height:4px;transition:background-color 2.6s}.cw-statusbar>span:nth-child(2){color:#b9c6a6;gap:6px;display:flex}.cw-display-footer{border-top:1px solid var(--cw-stroke);background:var(--cw-panel);justify-content:space-between;align-items:center;gap:10px;height:43px;padding:0 12px;transition:background-color 2.6s,border-color 2.6s;display:flex}.cw-platform-note{font-family:var(--font-dm-sans),Arial,sans-serif;color:#e3e9d4;white-space:nowrap;align-items:center;gap:7px;font-size:10px;line-height:1.3;display:flex}.cw-platform-note i{background:var(--cw-accent);border-radius:50%;width:5px;height:5px;transition:background-color 2.6s}.cw-caption{background:var(--cw-panel);color:#b7c5a6;letter-spacing:.09em;border-top:1px solid var(--cw-stroke);justify-content:space-between;align-items:center;gap:10px;height:32px;padding:0 13px;font-size:6px;transition:background-color 2.6s,border-color 2.6s;display:flex}.cw-caption a{color:#dce9bc;white-space:nowrap;letter-spacing:0;font-size:8px}.cw-caption a:hover{text-decoration:underline}.cw-screen-reader{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-art.hero-code{background:0 0;align-self:center;align-items:stretch;min-width:0;padding-left:20px;display:flex;overflow:visible;-webkit-mask-image:none;mask-image:none}.hero-main:has(.hero-code){gap:20px;padding-top:35px;padding-bottom:35px}.hero-code .code-window,.hero-code:hover .code-window{transform:translate(0,0)rotate(0)}@keyframes cw-blink{50%{opacity:0}}@keyframes cw-spin{to{transform:rotate(360deg)}}@media (min-width:1400px){.hero-code .code-window{max-width:540px;margin-left:auto}.cw-code{font-size:10px}.cw-line{min-height:18.5px}.cw-code-viewport{height:310px}.cw-window-title{font-size:11px}.cw-filebar,.cw-terminal-command{font-size:10px}.cw-build-result{font-size:9px}}@media (max-width:1000px){.hero-main:has(.hero-code){grid-template-columns:1fr;gap:0}.hero-art.hero-code{justify-self:center;width:100%;max-width:580px;margin-top:32px;padding-left:0}.cw-code-viewport{height:clamp(180px,29svh,270px)}}@media (max-width:760px){.hero-art.hero-code{max-width:500px}.hero-main:has(.hero-code){padding-top:35px;padding-bottom:28px}.cw-code-viewport{height:clamp(160px,28svh,250px)}.cw-code{font-size:9px}.cw-chrome{grid-template-columns:63px minmax(0,1fr) 63px;padding:0 10px}.cw-window-title{font-size:9px}.cw-window-title>span{display:none}.cw-right-controls>span{width:20px}.cw-statusbar>span:nth-child(2){display:none}.cw-file-context{margin-right:9px;font-size:7px}.cw-platform-note{font-size:10px}}@media (max-width:350px){.cw-chrome{grid-template-columns:49px minmax(0,1fr) 58px;padding:0 8px}.cw-left-controls{gap:4px}.cw-left-controls>i{width:7px;height:7px}.cw-window-title{font-size:8px}.cw-file-context{display:none}.cw-platform-note{font-size:9px}.cw-caption{padding:0 10px;font-size:5.5px}}@media (max-height:500px) and (max-width:1000px){.cw-windowbar{height:32px}.cw-filebar{height:30px}.cw-code-viewport{height:clamp(60px,21svh,90px)}.cw-terminal{height:76px;padding-top:7px;padding-bottom:7px}.cw-terminal-heading{margin-bottom:5px}.cw-statusbar{height:23px}.cw-display-footer{height:36px}.cw-caption{height:26px}.cw-code{padding-top:9px;padding-bottom:10px}}@media (prefers-reduced-motion:reduce){.cw-caret,.cw-spinner{animation:none}.code-window,.code-window *{transition:none!important}}.code-window{pointer-events:none;-webkit-user-select:none;user-select:none}.cw-code-viewport{scrollbar-width:none;overflow:hidden}