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