.tutorial-page[data-astro-cid-h32bsnre]{padding:4rem 0 8rem;background-color:var(--color-bg-base)}.content-container[data-astro-cid-h32bsnre]{max-width:900px;margin:0 auto;padding:0 1.5rem}.back-link[data-astro-cid-h32bsnre]{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-muted);text-decoration:none;font-weight:500;margin-bottom:2rem;transition:color .2s}.back-link[data-astro-cid-h32bsnre]:hover{color:var(--color-primary)}.tutorial-header[data-astro-cid-h32bsnre]{text-align:center;margin-bottom:4rem}.tutorial-header[data-astro-cid-h32bsnre] h1[data-astro-cid-h32bsnre]{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:var(--color-text-main);margin-bottom:1rem;letter-spacing:-.02em}.text-highlight[data-astro-cid-h32bsnre]{color:var(--color-primary)}.lead[data-astro-cid-h32bsnre]{font-size:1.15rem;color:var(--color-text-muted);line-height:1.6}.icon[data-astro-cid-h32bsnre]{color:var(--color-primary);margin-right:.5rem}.info-section[data-astro-cid-h32bsnre]{display:grid;gap:2rem;margin-bottom:4rem}.info-card[data-astro-cid-h32bsnre]{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-sm)}.info-card[data-astro-cid-h32bsnre] h3[data-astro-cid-h32bsnre]{font-size:1.4rem;color:var(--color-text-main);margin-top:0;margin-bottom:1.5rem;font-weight:700}.info-card[data-astro-cid-h32bsnre] p[data-astro-cid-h32bsnre]{color:var(--color-text-muted);line-height:1.7;margin-bottom:1rem}.custom-list[data-astro-cid-h32bsnre]{color:var(--color-text-muted);line-height:1.7;padding-left:1.2rem;margin:0}.custom-list[data-astro-cid-h32bsnre] li[data-astro-cid-h32bsnre]{margin-bottom:.5rem}.custom-list[data-astro-cid-h32bsnre] a[data-astro-cid-h32bsnre]{color:var(--color-primary);text-decoration:none}.custom-list[data-astro-cid-h32bsnre] a[data-astro-cid-h32bsnre]:hover{text-decoration:underline}.deep-dive-section[data-astro-cid-h32bsnre]{margin-bottom:5rem;padding-top:2rem;border-top:1px solid var(--color-border)}.deep-dive-section[data-astro-cid-h32bsnre] h2[data-astro-cid-h32bsnre]{font-size:2rem;color:var(--color-text-main);margin-bottom:1.5rem}.deep-dive-section[data-astro-cid-h32bsnre]>p[data-astro-cid-h32bsnre]{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:3rem}.content-block[data-astro-cid-h32bsnre]{background-color:var(--color-bg-surface);border-left:4px solid var(--color-primary);padding:2rem;margin-bottom:2rem;border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:var(--shadow-sm)}.content-block[data-astro-cid-h32bsnre] h3[data-astro-cid-h32bsnre]{margin-top:0;margin-bottom:1rem;color:var(--color-text-main);font-size:1.3rem}.content-block[data-astro-cid-h32bsnre] p[data-astro-cid-h32bsnre]{color:var(--color-text-muted);line-height:1.6;margin-bottom:1rem}.tag-list[data-astro-cid-h32bsnre]{color:var(--color-text-muted);line-height:1.8;padding-left:1.2rem;margin-bottom:0}.tag-list[data-astro-cid-h32bsnre] li[data-astro-cid-h32bsnre]{margin-bottom:.25rem}code[data-astro-cid-h32bsnre]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);padding:.2rem .4rem;border-radius:4px;font-family:monospace;font-size:.9em;color:var(--color-primary)}pre[data-astro-cid-h32bsnre]{background-color:#1e1e24;color:#e2e8f0;padding:1.5rem;border-radius:var(--radius-md);overflow-x:auto;font-size:.9rem;line-height:1.5;border:1px solid var(--color-border);margin-top:1rem;margin-bottom:1rem}pre[data-astro-cid-h32bsnre] code[data-astro-cid-h32bsnre]{background-color:transparent;border:none;padding:0;color:inherit}.mt-3[data-astro-cid-h32bsnre]{margin-top:1.5rem}.generator-section[data-astro-cid-h32bsnre]{margin-bottom:5rem;padding-top:2rem;border-top:1px solid var(--color-border)}.generator-section[data-astro-cid-h32bsnre] h2[data-astro-cid-h32bsnre]{font-size:2rem;color:var(--color-text-main);margin-bottom:1rem}.generator-section[data-astro-cid-h32bsnre] p[data-astro-cid-h32bsnre]{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.1rem}.generator-box[data-astro-cid-h32bsnre]{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-md)}.custom-form[data-astro-cid-h32bsnre]{margin-bottom:2rem}.form-group[data-astro-cid-h32bsnre]{margin-bottom:1.5rem}.form-group[data-astro-cid-h32bsnre] label[data-astro-cid-h32bsnre]{display:block;font-weight:600;color:var(--color-text-main);margin-bottom:.5rem}.select-wrapper[data-astro-cid-h32bsnre]{position:relative}.select-icon[data-astro-cid-h32bsnre]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.form-control[data-astro-cid-h32bsnre]{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:inherit;color:var(--color-text-main);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;appearance:none;transition:border-color .2s ease,box-shadow .2s ease}.form-control[data-astro-cid-h32bsnre]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.btn[data-astro-cid-h32bsnre]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;font-size:1rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease}.btn-primary[data-astro-cid-h32bsnre]{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px 0 var(--color-primary-glow)}.btn-primary[data-astro-cid-h32bsnre]:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.btn-outline[data-astro-cid-h32bsnre]{background-color:transparent;color:var(--color-text-main);border:1px solid var(--color-border)}.btn-outline[data-astro-cid-h32bsnre]:hover{background-color:var(--color-bg-elevated);border-color:var(--color-text-muted)}.btn-sm[data-astro-cid-h32bsnre]{padding:.5rem 1rem;font-size:.9rem}.full-width[data-astro-cid-h32bsnre]{width:100%}.mt-4[data-astro-cid-h32bsnre]{margin-top:2rem}.result-header[data-astro-cid-h32bsnre]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-top:2rem;border-top:1px solid var(--color-border)}.result-header[data-astro-cid-h32bsnre] h3[data-astro-cid-h32bsnre]{margin:0;font-size:1.25rem;color:var(--color-text-main)}.textarea-result[data-astro-cid-h32bsnre]{font-family:monospace;font-size:.9rem;line-height:1.5;resize:vertical;white-space:pre;overflow-wrap:normal;overflow-x:auto}.faq-section[data-astro-cid-h32bsnre]{margin-top:4rem}.faq-section[data-astro-cid-h32bsnre] h2[data-astro-cid-h32bsnre]{text-align:center;font-size:2rem;color:var(--color-text-main);margin-bottom:2.5rem}.accordion[data-astro-cid-h32bsnre]{display:flex;flex-direction:column;gap:1rem}.faq-item[data-astro-cid-h32bsnre]{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.faq-item[data-astro-cid-h32bsnre] summary[data-astro-cid-h32bsnre]{padding:1.5rem;font-weight:600;font-size:1.1rem;color:var(--color-text-main);cursor:pointer;list-style:none;position:relative}.faq-item[data-astro-cid-h32bsnre] summary[data-astro-cid-h32bsnre]::-webkit-details-marker{display:none}.faq-item[data-astro-cid-h32bsnre] summary[data-astro-cid-h32bsnre]:after{content:"+";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--color-primary);transition:transform .3s ease}.faq-item[data-astro-cid-h32bsnre][open] summary[data-astro-cid-h32bsnre]:after{content:"-"}.faq-item[data-astro-cid-h32bsnre][open] summary[data-astro-cid-h32bsnre]{border-bottom:1px solid var(--color-border)}.faq-content[data-astro-cid-h32bsnre]{padding:1.5rem;color:var(--color-text-muted);line-height:1.6}.faq-content[data-astro-cid-h32bsnre] code[data-astro-cid-h32bsnre]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);padding:.2rem .4rem;border-radius:4px;font-family:monospace;color:var(--color-primary)}@media (max-width: 768px){.result-header[data-astro-cid-h32bsnre]{flex-direction:column;align-items:flex-start;gap:1rem}}