.visual-wrapper[data-astro-cid-ji3d5qhn]{padding:calc(var(--spacing-unit) * 2);justify-content:center;display:flex}.code-editor-card[data-astro-cid-ji3d5qhn]{background:var(--color-gray-800);border-radius:var(--radius-lg);width:100%;max-width:420px;transition:transform .4s;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(2deg);box-shadow:0 25px 50px #0ea5e933}.code-editor-card[data-astro-cid-ji3d5qhn]:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.editor-header[data-astro-cid-ji3d5qhn]{align-items:center;gap:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);background:var(--color-gray-900);border-bottom:1px solid var(--color-gray-700);display:flex}.editor-dots[data-astro-cid-ji3d5qhn]{gap:var(--space-1);display:flex}.dot[data-astro-cid-ji3d5qhn]{border-radius:50%;width:12px;height:12px}.dot[data-astro-cid-ji3d5qhn].red{background:var(--color-error)}.dot[data-astro-cid-ji3d5qhn].yellow{background:var(--color-warning-500)}.dot[data-astro-cid-ji3d5qhn].green{background:var(--color-success)}.editor-title[data-astro-cid-ji3d5qhn]{color:var(--color-gray-400);font-size:var(--font-size-sm);font-family:SF Mono,Fira Code,monospace}.editor-lang[data-astro-cid-ji3d5qhn]{color:var(--color-light-blue);font-size:var(--font-size-xs);padding:2px var(--space-2);border-radius:var(--radius-sm);background:#0ea5e91a;margin-left:auto;font-weight:500}.editor-tabs[data-astro-cid-ji3d5qhn]{background:var(--color-gray-900);border-bottom:1px solid var(--color-gray-700);padding:0 calc(var(--spacing-unit) * 1);display:flex}.tab[data-astro-cid-ji3d5qhn]{padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.5);color:var(--color-gray-400);font-size:var(--font-size-xs);cursor:pointer;border-bottom:2px solid #0000;font-family:SF Mono,Fira Code,monospace;transition:all .2s}.tab[data-astro-cid-ji3d5qhn].active{color:var(--color-gray-200);border-bottom-color:var(--color-light-blue);background:#0ea5e90d}.tab[data-astro-cid-ji3d5qhn]:hover:not(.active){color:var(--color-gray-400)}.code-content[data-astro-cid-ji3d5qhn]{padding:calc(var(--spacing-unit) * 2);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--font-size-sm);line-height:1.7}.code-line[data-astro-cid-ji3d5qhn]{border-radius:var(--radius-sm);align-items:flex-start;padding:2px 0;transition:background .2s;display:flex}.code-line[data-astro-cid-ji3d5qhn].highlight{margin:0 calc(var(--spacing-unit) * -1);padding-left:calc(var(--spacing-unit) * 1);padding-right:calc(var(--spacing-unit) * 1);background:#0ea5e926}.line-num[data-astro-cid-ji3d5qhn]{width:24px;color:var(--color-gray-600);text-align:right;margin-right:calc(var(--spacing-unit) * 2);user-select:none;flex-shrink:0}.code[data-astro-cid-ji3d5qhn]{color:var(--color-gray-200);white-space:pre-wrap;word-break:break-word}.code[data-astro-cid-ji3d5qhn] .keyword{color:var(--color-violet-400)}.code[data-astro-cid-ji3d5qhn] .string{color:var(--color-success)}.code[data-astro-cid-ji3d5qhn] .variable{color:var(--color-light-blue)}.code[data-astro-cid-ji3d5qhn] .function{color:var(--color-warning)}.code[data-astro-cid-ji3d5qhn] .comment{color:var(--color-gray-400);font-style:italic}.editor-footer[data-astro-cid-ji3d5qhn]{align-items:center;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);background:var(--color-gray-900);border-top:1px solid var(--color-gray-700);display:flex}.status-item[data-astro-cid-ji3d5qhn]{color:var(--color-gray-400);font-size:var(--font-size-2xs);font-family:SF Mono,Fira Code,monospace}.status-item[data-astro-cid-ji3d5qhn]:first-child{color:var(--color-success)}@media (width<=768px){.code-editor-card[data-astro-cid-ji3d5qhn]{max-width:100%;transform:none}.code-editor-card[data-astro-cid-ji3d5qhn]:hover{transform:none}.code-content[data-astro-cid-ji3d5qhn]{font-size:var(--font-size-xs)}.editor-tabs[data-astro-cid-ji3d5qhn]{overflow-x:auto}}@media (prefers-reduced-motion:reduce){.code-editor-card[data-astro-cid-ji3d5qhn]{transition:none;transform:none}}.dark .line-num[data-astro-cid-ji3d5qhn],.dark .status-item[data-astro-cid-ji3d5qhn]{color:var(--color-gray-400)}.dark .status-item[data-astro-cid-ji3d5qhn]:first-child{color:var(--color-success)}.dark .tab[data-astro-cid-ji3d5qhn]{color:var(--color-gray-400)}.dark .tab[data-astro-cid-ji3d5qhn].active{color:var(--color-gray-200)}