@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@300;400;500&family=Syne:wght@400;600;700;800&display=swap";body,html{margin:0;padding:0}[data-v-c42c313c],[data-v-c42c313c]:before,[data-v-c42c313c]:after{box-sizing:border-box;margin:0;padding:0}.page[data-v-c42c313c]{color:#e8eaf0;background:#080b10;justify-content:center;min-height:100vh;padding:3rem 1.5rem 5rem;font-family:Syne,sans-serif;display:flex;position:relative;overflow-x:hidden}.bg-grid[data-v-c42c313c]{pointer-events:none;z-index:0;background-image:linear-gradient(#6366f109 1px,#0000 1px),linear-gradient(90deg,#6366f109 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.shell[data-v-c42c313c]{z-index:1;flex-direction:column;gap:2rem;width:100%;max-width:860px;display:flex;position:relative}.header[data-v-c42c313c]{border-bottom:1px solid #ffffff0f;align-items:center;gap:1rem;padding-bottom:1.5rem;display:flex}.title[data-v-c42c313c]{letter-spacing:-.02em;color:#fff;font-family:Syne,sans-serif;font-size:1.9rem;font-weight:800;line-height:1}.header-actions[data-v-c42c313c]{gap:.5rem;margin-left:auto;display:flex}.header-btn[data-v-c42c313c]{letter-spacing:.04em;color:#6b7280;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-family:Geist Mono,monospace;font-size:.72rem;transition:all .15s;display:flex}.header-btn[data-v-c42c313c]:hover{color:#a5b4fc;background:#6366f10f;border-color:#6366f166}.layout[data-v-c42c313c]{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=640px){.layout[data-v-c42c313c]{grid-template-columns:1fr}}.card[data-v-c42c313c]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.card-header[data-v-c42c313c]{align-items:baseline;gap:.65rem;margin-bottom:.75rem;display:flex}.card-label[data-v-c42c313c]{color:#6366f1;letter-spacing:.1em;font-family:Geist Mono,monospace;font-size:.65rem}.card-title[data-v-c42c313c]{color:#f1f5f9;letter-spacing:-.01em;font-size:1rem;font-weight:700}.tweak-row[data-v-c42c313c]{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;transition:background .15s;display:flex}.tweak-row[data-v-c42c313c]:hover{background:#ffffff0a}.tweak-row.active[data-v-c42c313c]{background:#6366f114}.tweak-left[data-v-c42c313c]{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.tweak-icon[data-v-c42c313c]{text-align:center;opacity:.7;flex-shrink:0;width:1.4rem;font-size:.9rem}.tweak-label[data-v-c42c313c]{color:#c4c9d8;white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:500;overflow:hidden}.tweak-row.active .tweak-label[data-v-c42c313c]{color:#a5b4fc}.toggle[data-v-c42c313c]{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:999px;flex-shrink:0;width:2rem;height:1.1rem;transition:background .2s;position:relative}.toggle.on[data-v-c42c313c]{background:#6366f1;border-color:#6366f1}.toggle-knob[data-v-c42c313c]{background:#fff9;border-radius:50%;width:.75rem;height:.75rem;transition:transform .2s,background .2s;position:absolute;top:50%;transform:translateY(-50%)translate(1px)}.toggle.on .toggle-knob[data-v-c42c313c]{background:#fff;transform:translateY(-50%)translate(calc(1.25rem - 3px))}.doh-panel[data-v-c42c313c]{background:#6366f10f;border:1px solid #6366f126;border-radius:10px;flex-direction:column;gap:.75rem;margin:.25rem 0;padding:.75rem;display:flex}.doh-presets[data-v-c42c313c]{gap:.4rem;display:flex}.preset-btn[data-v-c42c313c]{color:#94a3b8;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:1px solid #ffffff1a;border-radius:6px;padding:.25rem .65rem;font-family:Geist Mono,monospace;font-size:.7rem;transition:all .15s}.preset-btn[data-v-c42c313c]:hover{color:#a5b4fc;border-color:#6366f180}.preset-btn.active[data-v-c42c313c]{color:#c7d2fe;background:#6366f133;border-color:#6366f1}.ip-row[data-v-c42c313c]{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.ip-field[data-v-c42c313c]{flex-direction:column;gap:.25rem;display:flex}.ip-label[data-v-c42c313c]{text-transform:uppercase;letter-spacing:.08em;color:#4b5563;font-family:Geist Mono,monospace;font-size:.65rem}.ip-input[data-v-c42c313c]{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;outline:none;width:100%;padding:.4rem .5rem;font-family:Geist Mono,monospace;font-size:.8rem;transition:border-color .15s}.ip-input[data-v-c42c313c]:focus{border-color:#6366f180}.pkg-hint[data-v-c42c313c]{color:#374151;margin-bottom:.5rem;font-size:.78rem}.pkg-hint code[data-v-c42c313c]{color:#4b5563;font-family:Geist Mono,monospace}.pkg-list[data-v-c42c313c]{flex-direction:column;flex:1;gap:.4rem;display:flex}.pkg-row[data-v-c42c313c]{align-items:center;gap:.5rem;display:flex}.pkg-index[data-v-c42c313c]{color:#374151;text-align:right;flex-shrink:0;width:1.5rem;font-family:Geist Mono,monospace;font-size:.65rem}.pkg-input[data-v-c42c313c]{color:#d1d5db;background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;outline:none;flex:1;padding:.45rem .65rem;font-family:Geist Mono,monospace;font-size:.82rem;transition:border-color .15s,background .15s}.pkg-input[data-v-c42c313c]::placeholder{color:#2d3748}.pkg-input[data-v-c42c313c]:focus{background:#6366f10d;border-color:#6366f166}.pkg-remove[data-v-c42c313c]{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.65rem;transition:all .15s;display:flex}.pkg-remove[data-v-c42c313c]:hover:not(:disabled){color:#ef4444;background:#ef444412;border-color:#ef444466}.pkg-remove[data-v-c42c313c]:disabled{opacity:.2;cursor:not-allowed}.add-pkg-btn[data-v-c42c313c]{color:#4b5563;cursor:pointer;letter-spacing:.04em;background:0 0;border:1px dashed #ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:.5rem;padding:.5rem;font-family:Geist Mono,monospace;font-size:.75rem;transition:all .15s;display:flex}.add-pkg-btn[data-v-c42c313c]:hover{color:#6366f1;background:#6366f10a;border-color:#6366f14d}.generate-btn[data-v-c42c313c]{letter-spacing:.02em;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;width:100%;padding:.9rem 1.5rem;font-family:Syne,sans-serif;font-size:1rem;font-weight:700;transition:opacity .2s,transform .15s;position:relative;overflow:hidden;box-shadow:0 4px 24px #6366f14d}.generate-btn[data-v-c42c313c]:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.generate-btn[data-v-c42c313c]:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 8px 32px #6366f166}.generate-btn[data-v-c42c313c]:active{transform:translateY(0)}.generate-btn.loading[data-v-c42c313c]{opacity:.7;cursor:not-allowed}.gen-inner[data-v-c42c313c]{justify-content:center;align-items:center;gap:.6rem;display:flex}.generate-btn[data-v-c42c313c]:hover{transform:translate(3px)}.spinner[data-v-c42c313c]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.6s linear infinite spin-c42c313c}@keyframes spin-c42c313c{to{transform:rotate(360deg)}}.error-bar[data-v-c42c313c]{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-family:Geist Mono,monospace;font-size:.8rem;display:flex}.footer-note[data-v-c42c313c]{color:#1f2937;text-align:center;letter-spacing:.04em;font-family:Geist Mono,monospace;font-size:.68rem}.footer-note code[data-v-c42c313c]{color:#374151}.slide-enter-active[data-v-c42c313c],.slide-leave-active[data-v-c42c313c]{transition:all .2s;overflow:hidden}.slide-enter-from[data-v-c42c313c],.slide-leave-to[data-v-c42c313c]{opacity:0;max-height:0;margin:0;padding-top:0;padding-bottom:0}.slide-enter-to[data-v-c42c313c],.slide-leave-from[data-v-c42c313c]{opacity:1;max-height:200px}.fade-enter-active[data-v-c42c313c],.fade-leave-active[data-v-c42c313c]{transition:opacity .2s}.fade-enter-from[data-v-c42c313c],.fade-leave-to[data-v-c42c313c]{opacity:0}.pkg-enter-active[data-v-c42c313c],.pkg-leave-active[data-v-c42c313c]{transition:all .15s}.pkg-enter-from[data-v-c42c313c]{opacity:0;transform:translateY(-4px)}.pkg-leave-to[data-v-c42c313c]{opacity:0;transform:translateY(4px)}.modal-backdrop[data-v-c42c313c]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#080b10d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal[data-v-c42c313c]{background:#0f1318;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:520px;padding:2rem;box-shadow:0 24px 80px #0009,0 0 0 1px #6366f126}.modal-header[data-v-c42c313c]{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.modal-icon[data-v-c42c313c]{font-size:1.3rem}.modal-title[data-v-c42c313c]{color:#fff;flex:1;font-size:1.2rem;font-weight:800}.modal-close[data-v-c42c313c]{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;width:1.8rem;height:1.8rem;font-size:.7rem;transition:all .15s}.modal-close[data-v-c42c313c]:hover{color:#ef4444;border-color:#ef44444d}.modal-sub[data-v-c42c313c]{color:#4b5563;margin-bottom:1.5rem;font-family:Geist Mono,monospace;font-size:.75rem}.modal-steps[data-v-c42c313c]{flex-direction:column;gap:1rem;margin-bottom:1.75rem;list-style:none;display:flex}.modal-steps li[data-v-c42c313c]{align-items:flex-start;gap:1rem;display:flex}.step-num[data-v-c42c313c]{color:#6366f1;letter-spacing:.05em;flex-shrink:0;padding-top:.2rem;font-family:Geist Mono,monospace;font-size:.65rem}.modal-steps strong[data-v-c42c313c]{color:#e2e8f0;margin-bottom:.2rem;font-size:.9rem;display:block}.modal-steps p[data-v-c42c313c]{color:#4b5563;font-size:.8rem;line-height:1.5}.modal-steps a[data-v-c42c313c]{color:#818cf8;text-decoration:none}.modal-steps a[data-v-c42c313c]:hover{text-decoration:underline}.modal-done[data-v-c42c313c]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;width:100%;padding:.75rem 1.25rem;font-family:Syne,sans-serif;font-size:.9rem;font-weight:700;transition:opacity .2s,transform .15s;box-shadow:0 4px 20px #6366f14d}.modal-done[data-v-c42c313c]:hover{opacity:.9;transform:translateY(-1px)}