.dev-visual{align-items:center}.code-window{position:relative;width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -22px rgb(0 0 0 / .65);overflow:hidden;font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace}.cw-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel-2)}.cw-dot{width:9px;height:9px;border-radius:50%;background:var(--muted-2);opacity:.6}.cw-title{margin-left:8px;font-size:11.5px;color:var(--muted-2);font-family:var(--font-body);font-weight:600}.cw-body{padding:20px 20px 24px;font-size:13px;line-height:2;color:var(--muted)}.cw-line{opacity:0;transform:translateX(-8px);white-space:pre;animation:codeReveal 6s ease-in-out infinite;animation-delay:var(--d)}.cw-indent{padding-left:22px}.cw-indent2{padding-left:44px}@keyframes codeReveal{0%{opacity:0;transform:translateX(-8px)}10%,88%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-8px)}}.tk-tag{color:var(--purple-2)}.tk-fn{color:var(--amber-2)}.tk-key{color:#F4F3F8}.tk-str{color:var(--amber)}.tk-bool{color:var(--purple-2)}.cw-cursor{display:inline-block;width:7px;height:14px;background:var(--purple-2);margin-left:4px;vertical-align:-2px;animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,100%{opacity:1}50%{opacity:0}}.dev-badge{position:absolute;top:-14px;right:18px;width:44px;height:44px;border-radius:12px;background:var(--violet-dim);border:1px solid rgb(255 255 255 / .1);display:flex;align-items:center;justify-content:center;color:var(--purple-2);box-shadow:0 14px 28px -12px rgb(0 0 0 / .6);animation:badgeSpin 12s linear infinite}@keyframes badgeSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(max-width:900px){.code-window{max-width:300px}.dev-badge{right:auto;left:50%;margin-left:120px}}