.tb-content[data-astro-cid-pfugyl2g]{max-width:1100px;margin:0 auto;padding:1.5em}.breadcrumb[data-astro-cid-pfugyl2g]{font-size:.8em;color:rgb(var(--gray));margin-bottom:1em;display:flex;gap:.4em;flex-wrap:wrap}.breadcrumb[data-astro-cid-pfugyl2g] a[data-astro-cid-pfugyl2g]{color:rgb(var(--gray));text-decoration:none}.breadcrumb[data-astro-cid-pfugyl2g] a[data-astro-cid-pfugyl2g]:hover{color:var(--accent)}.breadcrumb[data-astro-cid-pfugyl2g] span[data-astro-cid-pfugyl2g]{color:rgb(var(--gray));opacity:.6}.page-head[data-astro-cid-pfugyl2g]{margin-bottom:2em}.page-head[data-astro-cid-pfugyl2g] h1[data-astro-cid-pfugyl2g]{font-size:1.8em;font-weight:700;margin:0 0 .15em;color:#f0f6fc}.page-head[data-astro-cid-pfugyl2g] h1[data-astro-cid-pfugyl2g] span[data-astro-cid-pfugyl2g]{color:var(--accent)}.page-sub[data-astro-cid-pfugyl2g]{color:rgb(var(--gray));font-size:.88em;max-width:680px;line-height:1.6;margin:0}.page-meta[data-astro-cid-pfugyl2g]{display:flex;gap:.75em;margin-top:.75em;font-size:.78em;flex-wrap:wrap}.page-meta[data-astro-cid-pfugyl2g] span[data-astro-cid-pfugyl2g]{padding:.15em .55em;border-radius:6px;background:rgba(var(--gray),.08);border:1px solid rgba(var(--gray),.15);color:rgb(var(--gray))}.tool-section[data-astro-cid-pfugyl2g]{margin:1.5em 0 3em;padding:1.5em;border-radius:14px;border:1px solid var(--border-light);background:var(--bg-secondary)}.tool-section[data-astro-cid-pfugyl2g] h2[data-astro-cid-pfugyl2g]{font-size:1em;font-weight:700;color:#f0f6fc;margin:0 0 .25em}.tool-section[data-astro-cid-pfugyl2g] .tool-sub[data-astro-cid-pfugyl2g]{font-size:.78em;color:rgb(var(--gray));margin:0 0 1.5em;line-height:1.5}.jf-controls[data-astro-cid-pfugyl2g]{display:flex;gap:.75em;align-items:center;flex-wrap:wrap;margin-bottom:.75em}.jf-indent-label[data-astro-cid-pfugyl2g]{font-size:.78em;color:rgb(var(--gray))}.jf-indent-select[data-astro-cid-pfugyl2g]{padding:.5em .9em;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:rgb(var(--gray-dark));font-size:.82em;outline:none;cursor:pointer;font-family:inherit}.jf-indent-select[data-astro-cid-pfugyl2g]:focus{border-color:var(--accent)}.jf-buttons[data-astro-cid-pfugyl2g]{display:flex;gap:.6em;flex-wrap:wrap}.jf-btn[data-astro-cid-pfugyl2g]{padding:.5em 1em;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-tertiary);color:rgb(var(--gray-dark));font-size:.8em;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s;font-family:inherit;display:inline-flex;align-items:center;gap:.35em}.jf-btn[data-astro-cid-pfugyl2g]:hover{background:var(--bg-secondary);border-color:var(--accent);color:#f0f6fc}.jf-btn[data-astro-cid-pfugyl2g]:active{transform:scale(.97)}.jf-btn-primary[data-astro-cid-pfugyl2g]{background:var(--accent);border-color:var(--accent);color:#fff}.jf-btn-primary[data-astro-cid-pfugyl2g]:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.jf-input-wrap[data-astro-cid-pfugyl2g]{margin-bottom:1em}.jf-input-wrap[data-astro-cid-pfugyl2g] textarea[data-astro-cid-pfugyl2g]{width:100%;min-height:180px;padding:1em;background:var(--bg);border:1px solid var(--border-light);border-radius:10px;color:rgb(var(--gray-dark));font-size:.82em;font-family:SF Mono,Fira Code,monospace;line-height:1.6;resize:vertical;transition:border-color .2s;box-sizing:border-box}.jf-input-wrap[data-astro-cid-pfugyl2g] textarea[data-astro-cid-pfugyl2g]:focus{outline:none;border-color:var(--accent)}.jf-input-wrap[data-astro-cid-pfugyl2g] textarea[data-astro-cid-pfugyl2g]::placeholder{color:rgb(var(--gray));opacity:.5}.jf-error[data-astro-cid-pfugyl2g]{margin-bottom:.75em;padding:.75em 1em;border-radius:8px;font-size:.82em;font-family:SF Mono,Fira Code,monospace;line-height:1.5;display:none}.jf-error[data-astro-cid-pfugyl2g].visible{display:block;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444}.jf-error[data-astro-cid-pfugyl2g].valid{background:#4ade8014;border:1px solid rgba(74,222,128,.2);color:#4ade80}.jf-tabs[data-astro-cid-pfugyl2g]{display:flex;gap:0;border-bottom:1px solid var(--border)}.jf-tab[data-astro-cid-pfugyl2g]{padding:.55em 1.2em;font-size:.8em;font-weight:600;cursor:pointer;color:rgb(var(--gray));border:1px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;background:transparent;transition:color .2s,background .2s,border-color .2s;font-family:inherit;position:relative;bottom:-1px}.jf-tab[data-astro-cid-pfugyl2g]:hover{color:#f0f6fc;background:rgba(var(--gray),.05)}.jf-tab[data-astro-cid-pfugyl2g].active{color:var(--accent);background:var(--bg);border-color:var(--border);border-bottom-color:var(--bg)}.jf-panel[data-astro-cid-pfugyl2g]{background:var(--bg);border:1px solid var(--border);border-radius:0 0 10px 10px;padding:1em;min-height:160px;max-height:500px;overflow:auto;display:none}.jf-panel[data-astro-cid-pfugyl2g].active{display:block}.jf-raw-output[data-astro-cid-pfugyl2g]{margin:0;font-family:SF Mono,Fira Code,monospace;font-size:.78em;line-height:1.6;color:rgb(var(--gray-dark));white-space:pre-wrap;word-break:break-all}.jf-tree[data-astro-cid-pfugyl2g]{font-family:SF Mono,Fira Code,monospace;font-size:.8em;line-height:1.7}.jf-tree-toggle[data-astro-cid-pfugyl2g]{cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:.2em;padding:1px 0;border-radius:3px;transition:background .15s}.jf-tree-toggle[data-astro-cid-pfugyl2g]:hover{background:rgba(var(--gray),.06)}.jf-tree-toggle-icon[data-astro-cid-pfugyl2g]{color:rgb(var(--gray));font-size:.7em}.jf-tree-toggle-icon[data-astro-cid-pfugyl2g].collapsed{color:rgb(var(--gray))}.jf-tree-bracket[data-astro-cid-pfugyl2g]{color:rgb(var(--gray-dark));opacity:.6}.jf-tree-key[data-astro-cid-pfugyl2g]{color:var(--accent)}.jf-tree-colon[data-astro-cid-pfugyl2g],.jf-tree-comma[data-astro-cid-pfugyl2g]{color:rgb(var(--gray))}.jf-tree-children[data-astro-cid-pfugyl2g]{padding-left:1.2em;border-left:1px solid var(--border);margin-left:.4em}.jf-tree-string[data-astro-cid-pfugyl2g]{color:#4ade80}.jf-tree-number[data-astro-cid-pfugyl2g]{color:#facc15}.jf-tree-boolean[data-astro-cid-pfugyl2g]{color:#c084fc}.jf-tree-null[data-astro-cid-pfugyl2g]{color:#64748b;font-style:italic}.step[data-astro-cid-pfugyl2g]{margin-bottom:2em;border:1px solid var(--border-light);border-radius:14px;background:var(--bg-secondary);overflow:hidden}.step[data-astro-cid-pfugyl2g].complete{border-color:rgba(var(--gray),.12)}.step-head[data-astro-cid-pfugyl2g]{display:flex;align-items:center;gap:1em;padding:1.1em 1.5em;background:#0b0f1566;border-bottom:1px solid var(--border-light)}.step-number[data-astro-cid-pfugyl2g]{font-size:1.3em;font-weight:800;color:var(--accent);min-width:1.6em}.step-head-body[data-astro-cid-pfugyl2g]{flex:1}.step-head-body[data-astro-cid-pfugyl2g] h2[data-astro-cid-pfugyl2g]{margin:0;font-size:1.05em;color:#f0f6fc}.step-status[data-astro-cid-pfugyl2g]{font-size:.7em;font-weight:600;padding:.2em .6em;border-radius:100px;white-space:nowrap}.status-complete[data-astro-cid-pfugyl2g]{background:#22c55e1a;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.step-content[data-astro-cid-pfugyl2g]{display:grid;grid-template-columns:1fr 1fr;gap:1.5em;padding:1.5em}.sc-left[data-astro-cid-pfugyl2g]{min-width:0}.sc-left[data-astro-cid-pfugyl2g] h3[data-astro-cid-pfugyl2g]{font-size:.78em;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:1.2em 0 .35em}.sc-left[data-astro-cid-pfugyl2g] h3[data-astro-cid-pfugyl2g]:first-child{margin-top:0}.sc-left[data-astro-cid-pfugyl2g] p[data-astro-cid-pfugyl2g]{font-size:.82em;color:rgb(var(--gray));line-height:1.6;margin:0 0 .5em}.sc-left[data-astro-cid-pfugyl2g] ul[data-astro-cid-pfugyl2g]{margin:0 0 .5em;padding-left:1.2em}.sc-left[data-astro-cid-pfugyl2g] li[data-astro-cid-pfugyl2g]{font-size:.82em;color:rgb(var(--gray));line-height:1.55;margin-bottom:.2em}.sc-left[data-astro-cid-pfugyl2g] code[data-astro-cid-pfugyl2g]{background:var(--bg-tertiary);padding:.05em .25em;border-radius:3px;font-size:.9em;color:rgb(var(--gray-dark))}.sc-left[data-astro-cid-pfugyl2g] strong[data-astro-cid-pfugyl2g]{color:#f0f6fc}.sc-right[data-astro-cid-pfugyl2g]{min-width:0;display:flex;flex-direction:column;gap:.75em}.code-block[data-astro-cid-pfugyl2g]{background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.code-header[data-astro-cid-pfugyl2g]{display:flex;justify-content:space-between;align-items:center;padding:.5em 1em;font-size:.7em;color:rgb(var(--gray));background:var(--bg-tertiary);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em}.code-block[data-astro-cid-pfugyl2g] pre[data-astro-cid-pfugyl2g]{margin:0;padding:1em;overflow-x:auto;font-size:.75em;line-height:1.5}.code-block[data-astro-cid-pfugyl2g] pre[data-astro-cid-pfugyl2g] code[data-astro-cid-pfugyl2g]{background:none;padding:0;font-size:1em;color:rgb(var(--gray-dark))}.tip-box[data-astro-cid-pfugyl2g]{background:rgba(var(--gray),.04);border:1px solid rgba(var(--gray),.1);border-radius:8px;padding:.75em 1em;margin-top:.5em}.tip-box[data-astro-cid-pfugyl2g] strong[data-astro-cid-pfugyl2g]{color:var(--accent);font-size:.75em;display:block;margin-bottom:.2em}.tip-box[data-astro-cid-pfugyl2g] p[data-astro-cid-pfugyl2g]{font-size:.75em;color:rgb(var(--gray));line-height:1.5;margin:0}.step-footer[data-astro-cid-pfugyl2g]{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.8em 1.5em;border-top:1px solid var(--border-light);background:#0b0f154d}.step-footer[data-astro-cid-pfugyl2g] .next-hint[data-astro-cid-pfugyl2g]{font-size:.78em;color:rgb(var(--gray))}.step-footer[data-astro-cid-pfugyl2g] .next-hint[data-astro-cid-pfugyl2g] a[data-astro-cid-pfugyl2g]{color:var(--accent);text-decoration:none}.step-footer[data-astro-cid-pfugyl2g] .next-hint[data-astro-cid-pfugyl2g] a[data-astro-cid-pfugyl2g]:hover{text-decoration:underline}.build-stats[data-astro-cid-pfugyl2g]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75em;margin:2.5em 0 1em}.bs-card[data-astro-cid-pfugyl2g]{padding:.75em;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-secondary);text-align:center}.bs-label[data-astro-cid-pfugyl2g]{font-size:.65em;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--gray));opacity:.6;margin-bottom:.25em}.bs-value[data-astro-cid-pfugyl2g]{font-size:1.1em;font-weight:700;color:#f0f6fc}.bs-note[data-astro-cid-pfugyl2g]{grid-column:1 / -1;font-size:.72em;color:rgb(var(--gray));opacity:.6;line-height:1.5;font-style:italic}.dev-notes[data-astro-cid-pfugyl2g]{margin-top:3em;padding:1.5em;border-radius:12px;border:1px solid var(--border-light);background:var(--bg-secondary)}.dev-notes[data-astro-cid-pfugyl2g] h3[data-astro-cid-pfugyl2g]{margin:0 0 .15em;font-size:1em;color:#f0f6fc}.dev-sub[data-astro-cid-pfugyl2g]{font-size:.78em;color:rgb(var(--gray));margin:0 0 1.5em;line-height:1.5}.dn-card[data-astro-cid-pfugyl2g]{display:flex;gap:.8em;margin-bottom:1em;padding:.8em 1em;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-light);align-items:flex-start}.dn-card[data-astro-cid-pfugyl2g] strong[data-astro-cid-pfugyl2g]{display:block;color:#f0f6fc;font-size:.82em;margin-bottom:.15em}.dn-card[data-astro-cid-pfugyl2g] p[data-astro-cid-pfugyl2g]{margin:0;font-size:.78em;color:rgb(var(--gray));line-height:1.55}.dn-card[data-astro-cid-pfugyl2g] code[data-astro-cid-pfugyl2g]{background:var(--bg);padding:.05em .25em;border-radius:3px;font-size:.9em}.dn-icon[data-astro-cid-pfugyl2g]{font-size:1.15em;flex-shrink:0;line-height:1.3}.dev-takeaway[data-astro-cid-pfugyl2g]{font-size:.78em;color:rgb(var(--gray));font-style:italic;margin:1em 0 0;line-height:1.5}.next-app[data-astro-cid-pfugyl2g]{margin-top:2em;padding:1.25em;border-radius:12px;border:1px solid var(--border-light);background:var(--bg-secondary);text-align:center}.next-app[data-astro-cid-pfugyl2g] .next-label[data-astro-cid-pfugyl2g]{font-size:.7em;color:rgb(var(--gray));text-transform:uppercase;letter-spacing:.05em}.next-app[data-astro-cid-pfugyl2g] a[data-astro-cid-pfugyl2g]{color:var(--accent);text-decoration:none;font-weight:600;font-size:1em}.next-app[data-astro-cid-pfugyl2g] a[data-astro-cid-pfugyl2g]:hover{text-decoration:underline}.next-app[data-astro-cid-pfugyl2g] p[data-astro-cid-pfugyl2g]{font-size:.82em;color:rgb(var(--gray));margin:.3em 0 0}@media(max-width:800px){.step-content[data-astro-cid-pfugyl2g]{grid-template-columns:1fr}.build-stats[data-astro-cid-pfugyl2g]{grid-template-columns:repeat(2,1fr)}.jf-buttons[data-astro-cid-pfugyl2g]{width:100%}.jf-btn[data-astro-cid-pfugyl2g]{flex:1;justify-content:center}}@media(min-width:1800px){.tb-content[data-astro-cid-pfugyl2g]{max-width:1200px}.step-content[data-astro-cid-pfugyl2g]{gap:2em}.code-block[data-astro-cid-pfugyl2g] pre[data-astro-cid-pfugyl2g]{font-size:.8em}.build-stats[data-astro-cid-pfugyl2g]{gap:1em}}@media(min-width:2000px){.tb-content[data-astro-cid-pfugyl2g]{max-width:1400px;padding:2em 3em}.step-content[data-astro-cid-pfugyl2g]{gap:2.5em}.code-block[data-astro-cid-pfugyl2g] pre[data-astro-cid-pfugyl2g]{font-size:.82em}.build-stats[data-astro-cid-pfugyl2g]{gap:1.25em}}