.code-console-overlay{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:oklch(8% .02 260/.72);place-items:start center;padding:22vh 20px 20px;display:grid;position:fixed;inset:0}.code-console{border:1px solid var(--line-strong);background:linear-gradient(oklch(22% .05 260/.97),oklch(16% .04 260/.97));border-radius:12px;flex-direction:column;gap:8px;width:min(360px,100%);padding:16px;display:flex;box-shadow:0 20px 60px oklch(4% .02 260/.6)}.code-console-label{font:600 .72rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.code-console-row{gap:8px;display:flex}.code-console-input{min-width:0;height:40px;font:500 16px var(--font-mono);letter-spacing:.04em;color:var(--ink-1);border:1px solid var(--line);background:oklch(12% .02 260/.9);border-radius:8px;outline:none;flex:1;padding:0 12px}.code-console-input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px oklch(72% .19 150/.18)}.code-console-input::placeholder{color:var(--ink-4)}.code-console-go{width:44px;height:40px;color:var(--ink-1);background:color-mix(in oklab, var(--accent-2) 22%, transparent);border:1px solid var(--accent-2);cursor:pointer;border-radius:8px;flex:none;place-items:center;font-size:1.1rem;display:grid}.code-console-go:hover{background:color-mix(in oklab, var(--accent-2) 32%, transparent)}.code-console-go:active{transform:translateY(1px)}