.tutorial-page[data-astro-cid-nkgalfgx]{padding:4rem 0 8rem;background-color:var(--color-bg-base)}.content-container[data-astro-cid-nkgalfgx]{max-width:1200px;margin:0 auto;padding:0 1.5rem}.back-link[data-astro-cid-nkgalfgx]{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-nkgalfgx]:hover{color:var(--color-primary)}.tutorial-header[data-astro-cid-nkgalfgx]{text-align:center;margin-bottom:4rem}.tutorial-header[data-astro-cid-nkgalfgx] h1[data-astro-cid-nkgalfgx]{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-nkgalfgx]{color:var(--color-primary)}.lead[data-astro-cid-nkgalfgx]{font-size:1.15rem;color:var(--color-text-muted);line-height:1.6;max-width:700px;margin:0 auto}.app-layout[data-astro-cid-nkgalfgx]{display:grid;grid-template-columns:400px 1fr;gap:2rem;align-items:start}.card[data-astro-cid-nkgalfgx]{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.dropzone[data-astro-cid-nkgalfgx]{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:3rem 2rem;text-align:center;background:var(--color-bg-elevated);transition:all .2s ease;cursor:pointer}.dropzone[data-astro-cid-nkgalfgx]:hover{border-color:var(--color-text-muted)}.dropzone[data-astro-cid-nkgalfgx].dragover{border-color:var(--color-primary);background-color:#2563eb0d}.drop-icon[data-astro-cid-nkgalfgx]{font-size:2.5rem;color:var(--color-primary);margin-bottom:1rem}.dropzone[data-astro-cid-nkgalfgx] strong[data-astro-cid-nkgalfgx]{display:block;color:var(--color-text-main);font-size:1.1rem;margin-bottom:.25rem}.dropzone[data-astro-cid-nkgalfgx] p[data-astro-cid-nkgalfgx]{color:var(--color-text-muted);margin:0;font-size:.9rem}.mt-4[data-astro-cid-nkgalfgx]{margin-top:1.5rem}.mt-3[data-astro-cid-nkgalfgx]{margin-top:1rem}.mt-2[data-astro-cid-nkgalfgx]{margin-top:.5rem}.form-group[data-astro-cid-nkgalfgx] label[data-astro-cid-nkgalfgx]{display:block;font-weight:600;color:var(--color-text-main);margin-bottom:.5rem;font-size:.95rem}.select-wrapper[data-astro-cid-nkgalfgx]{position:relative}.select-icon[data-astro-cid-nkgalfgx]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.form-control[data-astro-cid-nkgalfgx]{width:100%;padding:.875rem 1rem;font-size:.95rem;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:all .2s ease}.form-control[data-astro-cid-nkgalfgx]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.form-control-sm[data-astro-cid-nkgalfgx]{padding:.5rem;font-size:.9rem}.custom-controls[data-astro-cid-nkgalfgx]{display:none;background:var(--color-bg-elevated);padding:1rem;border-radius:var(--radius-md);margin-top:.5rem;border:1px dashed var(--color-border)}.custom-controls[data-astro-cid-nkgalfgx].active{display:block}.input-grid[data-astro-cid-nkgalfgx]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.input-group-small[data-astro-cid-nkgalfgx] label[data-astro-cid-nkgalfgx]{font-size:.8rem;color:var(--color-text-muted);margin-bottom:.25rem}.checkbox-wrapper[data-astro-cid-nkgalfgx]{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:var(--color-text-main);font-weight:500;font-size:.95rem}.checkbox-wrapper[data-astro-cid-nkgalfgx] input[data-astro-cid-nkgalfgx]{width:1.1rem;height:1.1rem;accent-color:var(--color-primary)}.btn[data-astro-cid-nkgalfgx]{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-nkgalfgx]{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px 0 var(--color-primary-glow)}.btn-primary[data-astro-cid-nkgalfgx]:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px)}.btn-primary[data-astro-cid-nkgalfgx]:disabled{background-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none}.full-width[data-astro-cid-nkgalfgx]{width:100%}.trust-box[data-astro-cid-nkgalfgx]{display:flex;gap:1rem;background-color:#10b9810d;border:1px solid rgba(16,185,129,.2);padding:1.25rem;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.trust-box[data-astro-cid-nkgalfgx] i[data-astro-cid-nkgalfgx]{color:#10b981;font-size:1.5rem}.trust-box[data-astro-cid-nkgalfgx] strong[data-astro-cid-nkgalfgx]{color:var(--color-text-main)}.preview-card[data-astro-cid-nkgalfgx]{padding:1.5rem}.preview-header[data-astro-cid-nkgalfgx]{display:flex;align-items:center;margin-bottom:1rem}.preview-header[data-astro-cid-nkgalfgx] h3[data-astro-cid-nkgalfgx]{margin:0;font-size:1.1rem;color:var(--color-text-main);display:flex;align-items:center;gap:.5rem}.badge[data-astro-cid-nkgalfgx]{font-size:.7rem;padding:.2rem .5rem;border-radius:999px;background:var(--color-bg-elevated);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge-primary[data-astro-cid-nkgalfgx]{background:#2563eb1a;color:var(--color-primary);border-color:#2563eb33}.canvas-wrapper[data-astro-cid-nkgalfgx]{background:var(--color-bg-elevated);padding:1rem;border-radius:var(--radius-md);border:1px dashed var(--color-border);text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.result-wrapper[data-astro-cid-nkgalfgx]{background:#2563eb05;border-color:#2563eb33}canvas[data-astro-cid-nkgalfgx]{max-width:100%;height:auto;background:#fff;box-shadow:0 4px 15px #0000001a}@media (max-width: 900px){.app-layout[data-astro-cid-nkgalfgx]{grid-template-columns:1fr}}