:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;--bg: #fcf4f2;--card: #ffffff;--red: #a32a29;--red-light: #f7eae8;--red-muted: #853a3a;--border: #f3e0de;--text: #452424;--muted: #8f7272;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:2px}code{font-family:var(--mono);font-size:.85em;padding:.1em .4em;border-radius:.375rem;background:var(--red-light);color:var(--red-muted);overflow-wrap:anywhere}.page-shell{max-width:48rem;margin:0 auto;padding:0 1rem}.site-header{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 0 1.5rem;text-align:center}.site-logo{display:grid;place-items:center;width:5rem;height:5rem;border:2px solid rgba(163,42,41,.2);border-radius:1rem;background:var(--card);color:var(--red)}.site-title{margin:0;font-size:1.875rem;font-weight:700;letter-spacing:-.025em}.site-subtitle{margin:0;color:var(--muted)}.site-header .header-links{display:flex;gap:1rem;font-size:.875rem}.site-header .header-links a{color:var(--red);text-decoration:underline;text-underline-offset:.2em}.site-header .header-links a:hover{color:var(--red-muted)}.info-stack{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.info-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 1px 2px #4524240d}.info-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem}.info-row+.info-row{border-top:1px solid var(--border)}.info-label{margin:0 0 .25rem;font-family:var(--mono);font-size:.75rem;color:var(--muted);letter-spacing:.05em}.info-value{margin:0;font-family:var(--mono);font-size:1rem;font-weight:500;overflow-wrap:anywhere}.info-value a{color:var(--red);text-decoration:underline;text-underline-offset:.2em}.info-value a:hover{color:var(--red-muted)}.info-note{margin:0;font-size:.8125rem;color:var(--muted)}.copy-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:.5rem;background:var(--card);color:var(--muted);cursor:pointer;transition:background-color .15s,color .15s}.copy-button:hover{background:var(--red-light);color:var(--red)}.copy-button.copied{color:#059669}.download-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;background:var(--red);color:#fff;font-size:.875rem;font-weight:500;text-decoration:none;box-shadow:0 1px 2px #4524241a;transition:background-color .15s}.download-button:hover{background:var(--red-muted)}.section-title{margin:3rem 0 1rem;font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.section-desc{margin:-.5rem 0 1rem;font-size:.875rem;color:var(--muted)}details.tutorial-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 1px 2px #4524240d;overflow:hidden}details.tutorial-card+details.tutorial-card{margin-top:.75rem}details.tutorial-card>summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.1rem 1.25rem;cursor:pointer;list-style:none;font-weight:600;transition:background-color .15s}details.tutorial-card>summary::-webkit-details-marker{display:none}details.tutorial-card>summary:hover{background:var(--red-light)}details.tutorial-card>summary .chevron{flex-shrink:0;color:var(--muted);transition:transform .15s}details.tutorial-card[open]>summary .chevron{transform:rotate(180deg)}.tutorial-body{padding:.25rem 1.25rem 1.25rem}.tutorial-step{margin-bottom:1.5rem}.tutorial-step:last-child{margin-bottom:0}.tutorial-step img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:.5rem}.tutorial-caption{margin:.5rem 0 0;font-size:.875rem;line-height:1.7}.tutorial-caption strong{color:var(--red)}details.faq-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 1px 2px #4524240d}details.faq-card+details.faq-card{margin-top:.75rem}details.faq-card>summary{padding:1rem 1.25rem;cursor:pointer;list-style:none;font-weight:600;transition:background-color .15s}details.faq-card>summary::-webkit-details-marker{display:none}details.faq-card>summary:hover{background:var(--red-light)}details.faq-card[open]>summary{border-bottom:1px solid var(--border);border-radius:.75rem .75rem 0 0}details.faq-card>p{margin:0;padding:1rem 1.25rem;font-size:.875rem;line-height:1.7;color:var(--muted)}.site-footer{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:3rem;padding:1.5rem 0 2.5rem;border-top:1px solid var(--border);text-align:center;font-size:.8125rem;color:var(--muted)}.site-footer a{color:var(--red);text-decoration:underline;text-underline-offset:.2em}.site-footer a:hover{color:var(--red-muted)}@media(max-width:480px){.info-row{flex-wrap:wrap}.copy-button{margin-left:auto}}