.code-panel[data-v-2fd1a09a]{top:6rem}.code-card[data-v-2fd1a09a],.command-card[data-v-2fd1a09a],.instructions-card[data-v-2fd1a09a],.tips-card[data-v-2fd1a09a]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;transition:all .2s ease}.code-card[data-v-2fd1a09a]:hover,.command-card[data-v-2fd1a09a]:hover,.instructions-card[data-v-2fd1a09a]:hover,.tips-card[data-v-2fd1a09a]:hover{box-shadow:0 4px 12px #0000001a}.code-card .card-title[data-v-2fd1a09a],.command-card .card-title[data-v-2fd1a09a],.instructions-card .card-title[data-v-2fd1a09a],.tips-card .card-title[data-v-2fd1a09a]{align-items:center;color:#111827;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.code-card .card-title svg[data-v-2fd1a09a],.command-card .card-title svg[data-v-2fd1a09a],.instructions-card .card-title svg[data-v-2fd1a09a],.tips-card .card-title svg[data-v-2fd1a09a]{color:#8b5cf6;height:1.25rem;width:1.25rem}.code-card .card-header[data-v-2fd1a09a],.command-card .card-header[data-v-2fd1a09a],.instructions-card .card-header[data-v-2fd1a09a],.tips-card .card-header[data-v-2fd1a09a]{background:none;border-bottom:1px solid #e5e7eb;padding:1.5rem}.code-card .card-body[data-v-2fd1a09a],.command-card .card-body[data-v-2fd1a09a],.instructions-card .card-body[data-v-2fd1a09a],.tips-card .card-body[data-v-2fd1a09a]{padding:1.5rem}.code-card .card-body[data-v-2fd1a09a]{padding:0}.code-card .code-container[data-v-2fd1a09a]{background:#111827;border-radius:0 0 16px 16px;overflow:hidden;position:relative}.code-card .code-container pre[data-v-2fd1a09a]{margin:0;max-height:500px;overflow-y:auto;padding:0}.code-card .code-container pre code[data-v-2fd1a09a]{background:#111827;color:#f3f4f6;display:block;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:.875rem;line-height:1.6;min-height:200px;overflow-x:auto;padding:1.5rem;white-space:pre}.code-card .code-container pre code[data-v-2fd1a09a] .hljs-keyword{color:#c792ea}.code-card .code-container pre code[data-v-2fd1a09a] .hljs-string{color:#c3e88d}.code-card .code-container pre code[data-v-2fd1a09a] .hljs-comment{color:#546e7a}.code-card .code-container pre code[data-v-2fd1a09a] .hljs-function{color:#82aaff}.code-card .code-container pre code[data-v-2fd1a09a] .hljs-class{color:#ffcb6b}.code-card .code-container pre code[data-v-2fd1a09a] .hljs-variable{color:#f07178}.code-card .code-container pre code[data-v-2fd1a09a] .hljs-number{color:#f78c6c}.code-card .code-container pre code[data-v-2fd1a09a] .hljs-attr{color:#c792ea}.code-card .code-container pre code[data-v-2fd1a09a] .hljs-built_in{color:#82aaff}.code-actions[data-v-2fd1a09a]{display:flex;gap:.5rem}.command-box[data-v-2fd1a09a]{align-items:center;background:#111827;border-radius:8px;color:#f3f4f6;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem;padding:1rem 1.25rem}.command-box .command-text[data-v-2fd1a09a]{background:none;color:#f3f4f6;flex:1;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:.875rem;word-break:break-all}.command-help[data-v-2fd1a09a]{color:#4b5563;font-size:.875rem;margin:0}.steps-list[data-v-2fd1a09a]{display:flex;flex-direction:column;gap:1.25rem}.step[data-v-2fd1a09a]{align-items:flex-start;display:flex;gap:1rem}.step-number[data-v-2fd1a09a]{align-items:center;background:linear-gradient(135deg,#1a096d,#2f8bf7);border-radius:50%;box-shadow:0 2px 8px #8b5cf64d;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:2.25rem;justify-content:center;width:2.25rem}.step-content[data-v-2fd1a09a]{flex:1;text-align:left}.step-content strong[data-v-2fd1a09a]{color:#111827;display:block;font-size:.95rem;margin-bottom:.375rem}.step-content p[data-v-2fd1a09a]{color:#4b5563;font-size:.875rem;line-height:1.5;margin:0}.step-content code[data-v-2fd1a09a]{background:#f3f4f6;border-radius:4px;color:#1f2937;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:.75rem;font-weight:500;padding:.125rem .375rem}.tips-card .card-title svg[data-v-2fd1a09a]{color:#f59e0b}.tips-list[data-v-2fd1a09a]{display:flex;flex-direction:column;gap:1rem}.tip-item[data-v-2fd1a09a]{align-items:flex-start;background:#f9fafb;border-left:4px solid #f59e0b;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.tip-icon[data-v-2fd1a09a]{align-items:center;background:#f59e0b;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;width:1.5rem}.tip-icon svg[data-v-2fd1a09a]{color:#fff;height:.75rem;width:.75rem}.tip-content[data-v-2fd1a09a]{color:#374151;flex:1;font-size:.875rem;line-height:1.5;text-align:left}.tip-content strong[data-v-2fd1a09a]{color:#111827;font-weight:600}.btn[data-v-2fd1a09a]{align-items:center;border-radius:8px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;transition:all .2s ease}.btn svg[data-v-2fd1a09a]{height:1rem;width:1rem}.btn[data-v-2fd1a09a]:hover{transform:translateY(-1px)}.btn[data-v-2fd1a09a]:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-outline-light[data-v-2fd1a09a]{background:transparent;border-color:#ffffff4d;color:#fff}.btn-outline-light[data-v-2fd1a09a]:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80}@media (max-width:1199.98px){.code-panel[data-v-2fd1a09a]{position:static!important}}@media (max-width:767.98px){.command-box[data-v-2fd1a09a]{align-items:stretch;flex-direction:column;gap:.75rem}.step[data-v-2fd1a09a]{gap:.75rem}.step-number[data-v-2fd1a09a]{height:2rem;width:2rem}.code-actions[data-v-2fd1a09a]{flex-direction:column}.tip-item[data-v-2fd1a09a]{padding:.75rem}.card-body[data-v-2fd1a09a],.card-header[data-v-2fd1a09a]{padding:1rem}}@media (max-width:575.98px){.code-container pre code[data-v-2fd1a09a]{font-size:.75rem;padding:1rem}.command-box[data-v-2fd1a09a]{padding:.75rem}.step[data-v-2fd1a09a],.tip-item[data-v-2fd1a09a]{gap:.7rem}}@keyframes fadeInUp-2fd1a09a{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card[data-v-2fd1a09a]{animation:fadeInUp-2fd1a09a .3s ease-out}.btn.loading[data-v-2fd1a09a]{opacity:.7;pointer-events:none}.btn.loading[data-v-2fd1a09a]:after{animation:spin-2fd1a09a 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;content:"";height:1rem;margin-left:.5rem;width:1rem}@keyframes spin-2fd1a09a{0%{transform:rotate(0)}to{transform:rotate(1turn)}}