:root{--paper: #f7f2e8;--paper-2: #fdf9f0;--paper-3: #efe7d8;--card: #fffdf8;--ink: #1c1917;--ink-2: #4a4540;--ink-3: #6b645c;--line: rgba(28, 25, 23, .14);--line-strong: rgba(28, 25, 23, .28);--tomato: #d93a21;--tomato-btn: #ce381d;--tomato-dark: #b33318;--tomato-soft: #fbe3dc;--amber: #f0a02a;--amber-soft: #fdf0d6;--clay: #9e4f27;--teal: #1b5460;--teal-soft: #dcecee;--ok: #2a6240;--ok-soft: #ddede2;--warn: #7d5410;--warn-soft: #fbeed2;--bad: #a8321f;--bad-soft: #f9e0da;--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, "Helvetica Neue", "Noto Sans SC", sans-serif;--font-display: "New York", "Iowan Old Style", "Songti SC", "Noto Serif SC", Georgia, serif;--font-mono: "SF Mono", ui-monospace, Menlo, Monaco, "Cascadia Mono", monospace;--step--1: clamp(.78rem, .76rem + .1vw, .84rem);--step-0: clamp(.94rem, .91rem + .15vw, 1rem);--step-1: clamp(1.08rem, 1.03rem + .25vw, 1.22rem);--step-2: clamp(1.32rem, 1.22rem + .5vw, 1.62rem);--step-3: clamp(1.65rem, 1.44rem + 1vw, 2.3rem);--step-4: clamp(2.1rem, 1.7rem + 2vw, 3.3rem);--step-5: clamp(2.6rem, 1.8rem + 4vw, 5rem);--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--s7: 3rem;--s8: 4rem;--s9: 6rem;--radius-sm: 10px;--radius: 18px;--radius-lg: 24px;--radius-pill: 999px;--shadow-hard: 3px 3px 0 var(--ink);--shadow-hard-sm: 2px 2px 0 var(--ink);--shadow-soft: 0 1px 2px rgba(28, 25, 23, .05), 0 12px 28px -18px rgba(28, 25, 23, .4);--shadow-lift: 0 2px 4px rgba(28, 25, 23, .06), 0 22px 40px -24px rgba(28, 25, 23, .5);--page-max: 1220px;--page-pad: clamp(1.1rem, 4vw, 2.5rem);--t-fast: .12s cubic-bezier(.2, .7, .3, 1);--t-base: .22s cubic-bezier(.2, .7, .3, 1);--t-slow: .46s cubic-bezier(.16, .84, .31, 1);--paper-dots: radial-gradient(rgba(28, 25, 23, .09) 1px, transparent 1.2px)}@media(prefers-contrast:more){:root{--ink-2: #3f3b37;--ink-3: #5d574f;--line: rgba(28, 25, 23, .35)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;min-height:100dvh;background-color:var(--paper);background-image:var(--paper-dots);background-size:22px 22px;color:var(--ink);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:break-word}h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.022em;line-height:1.18;text-wrap:balance}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2);letter-spacing:-.015em}h4{font-size:var(--step-1);letter-spacing:-.01em}p{margin:0;text-wrap:pretty}a{color:inherit;text-decoration-color:var(--line-strong);text-underline-offset:.22em;transition:color var(--t-fast),text-decoration-color var(--t-fast)}a:hover{color:var(--tomato);text-decoration-color:currentColor}ul,ol{margin:0;padding:0;list-style:none}img,svg,canvas{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:not-allowed}hr{border:0;border-top:1px solid var(--line);margin:0}:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:4px}::selection{background:var(--amber-soft);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--s4);top:-100px;z-index:200;padding:var(--s3) var(--s5);background:var(--ink);color:var(--paper-2);border-radius:var(--radius-pill);font-weight:700;text-decoration:none;transition:top var(--t-base)}.skip-link:focus{top:var(--s4);color:var(--paper-2)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.shell{display:flex;flex-direction:column;min-height:100dvh}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding-inline:var(--page-pad)}.page--narrow{max-width:880px}.stack{display:flex;flex-direction:column}.stack-2{gap:var(--s2)}.stack-3{gap:var(--s3)}.stack-4{gap:var(--s4)}.stack-5{gap:var(--s5)}.stack-6{gap:var(--s6)}.stack-7{gap:var(--s7)}.stack-8{gap:var(--s8)}.row{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.row--between{justify-content:space-between}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}@media(max-width:860px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}.section{padding-block:clamp(3rem,7vw,5.5rem)}.section--tight{padding-block:clamp(2rem,4vw,3rem)}.divider{border-top:1px solid var(--line)}.eyebrow{font-family:var(--font-display);font-style:italic;font-size:var(--step-0);letter-spacing:.06em;color:var(--clay);display:flex;align-items:center;gap:var(--s3)}.eyebrow:after{content:"";flex:1;height:1px;background:var(--line);max-width:120px}.lede{font-size:var(--step-1);color:var(--ink-2);max-width:46ch;line-height:1.7}.muted{color:var(--ink-2)}.dim{color:var(--ink-3)}.small{font-size:var(--step--1)}.mono{font-family:var(--font-mono);font-size:.86em;letter-spacing:-.01em}.measure{max-width:62ch}.display-en{font-family:var(--font-display);font-style:italic;font-weight:400;letter-spacing:0}.mark{position:relative;white-space:nowrap}.mark:after{content:"";position:absolute;left:-.06em;right:-.06em;bottom:.08em;height:.36em;background:var(--amber);opacity:.42;border-radius:3px;z-index:-1}.btn{--btn-bg: var(--ink);--btn-fg: var(--paper-2);--btn-bd: var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:.72em 1.35em;min-height:44px;border:1.5px solid var(--btn-bd);border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-fg);font-weight:700;font-size:var(--step-0);text-decoration:none;line-height:1.2;transition:transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast),color var(--t-fast),border-color var(--t-fast);box-shadow:var(--shadow-hard-sm);white-space:nowrap}.btn:hover{color:var(--btn-fg);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.btn:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--ink)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;box-shadow:none;transform:none;pointer-events:none}.btn--primary{--btn-bg: var(--tomato-btn);--btn-bd: var(--ink);--btn-fg: #fff}.btn--amber{--btn-bg: var(--amber);--btn-bd: var(--ink);--btn-fg: var(--ink)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--ink);--btn-bd: var(--line-strong);box-shadow:none}.btn--ghost:hover{--btn-bg: var(--card);--btn-bd: var(--ink);color:var(--ink);box-shadow:var(--shadow-hard-sm)}.btn--plain{--btn-bg: transparent;--btn-fg: var(--ink-2);--btn-bd: transparent;box-shadow:none;padding-inline:.7em}.btn--plain:hover{--btn-fg: var(--tomato);color:var(--tomato);box-shadow:none;transform:none}.btn--sm{padding:.5em 1em;min-height:36px;font-size:var(--step--1)}.btn--lg{padding:.9em 1.7em;min-height:54px;font-size:var(--step-1)}.btn--block{width:100%}.btn-row{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center}.card{background:var(--card);border:1.5px solid var(--line-strong);border-radius:var(--radius);padding:var(--s5);box-shadow:var(--shadow-soft)}.card--quiet{border-color:var(--line);box-shadow:none;background:var(--paper-2)}.card--flat{box-shadow:none}.card--hard{box-shadow:var(--shadow-hard-sm)}.card--pad-lg{padding:var(--s6)}.card-title{font-size:var(--step-1);font-weight:800;letter-spacing:-.012em}.note{border-left:3px solid var(--amber);background:var(--amber-soft);padding:var(--s3) var(--s4);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--step--1);color:var(--ink-2)}.note--info{border-left-color:var(--teal);background:var(--teal-soft)}.note--warn{border-left-color:var(--clay);background:var(--tomato-soft)}.badge{display:inline-flex;align-items:center;gap:.35em;padding:.2em .62em;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--paper-2);font-size:.76rem;font-weight:700;letter-spacing:.02em;line-height:1.5;white-space:nowrap}.badge--demo{background:var(--amber);border-color:var(--ink);color:#3a2a08}.badge--free{background:var(--teal-soft);border-color:var(--teal);color:var(--teal)}.badge--ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.badge--warn{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.badge--bad{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.badge--ink{background:var(--ink);border-color:var(--ink);color:var(--paper-2)}.tag{display:inline-block;padding:.15em .55em;border:1px dashed var(--line-strong);border-radius:var(--radius-pill);font-size:.74rem;color:var(--ink-2)}.field{display:flex;flex-direction:column;gap:var(--s2)}.field-label{font-weight:700;font-size:var(--step--1);letter-spacing:.01em}.field-hint{font-size:var(--step--1);color:var(--ink-3)}.input,.textarea,.select{width:100%;padding:.7em .9em;background:var(--card);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input:hover,.textarea:hover,.select:hover{border-color:var(--ink-2)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.textarea{min-height:92px;resize:vertical;line-height:1.65}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--bad)}.error-text{color:var(--bad);font-size:var(--step--1);font-weight:600;display:flex;gap:.35em;align-items:flex-start}.checkline{display:flex;gap:var(--s3);align-items:flex-start;font-size:var(--step--1);cursor:pointer}.checkline input{margin-top:.38em;width:1.1em;height:1.1em;accent-color:var(--tomato);flex:none}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);padding:var(--s6) var(--s5);min-height:190px;text-align:center;background:var(--paper-2);border:2px dashed var(--line-strong);border-radius:var(--radius);transition:background var(--t-base),border-color var(--t-base),transform var(--t-fast)}.dropzone:hover{border-color:var(--ink-2);background:var(--card)}.dropzone.is-over{border-color:var(--tomato);background:var(--tomato-soft);transform:scale(1.005)}.dropzone.has-error{border-color:var(--bad);background:var(--bad-soft)}.dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone-icon{color:var(--clay)}.file-preview{display:flex;gap:var(--s4);align-items:flex-start;padding:var(--s4);background:var(--paper-2);border:1.5px solid var(--line);border-radius:var(--radius)}.file-thumb{flex:none;width:108px;height:108px;border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);background:var(--paper-3);object-fit:cover;overflow:hidden;display:grid;place-items:center;color:var(--ink-3)}.file-meta{display:grid;gap:var(--s1);font-size:var(--step--1);min-width:0}.file-meta dt{color:var(--ink-3);display:inline}.file-meta dd{margin:0;display:inline;font-weight:600}.file-meta-row{display:flex;gap:var(--s2);flex-wrap:wrap}.steps{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center;counter-reset:step}.step-chip{display:inline-flex;align-items:center;gap:.5em;padding:.3em .8em .3em .4em;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--paper-2);font-size:var(--step--1);font-weight:600;color:var(--ink-3)}.step-chip:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:999px;background:var(--paper-3);color:var(--ink-2);font-size:.85em;font-weight:800}.step-chip.is-active{border-color:var(--ink);background:var(--ink);color:var(--paper-2)}.step-chip.is-active:before{background:var(--amber);color:var(--ink)}.step-chip.is-done{border-color:var(--ok);color:var(--ok);background:var(--ok-soft)}.step-chip.is-done:before{content:"✓";background:var(--ok);color:#fff}.meter{height:9px;border-radius:999px;background:var(--paper-3);overflow:hidden;border:1px solid var(--line)}.meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--amber),var(--tomato));transition:width var(--t-slow)}.meter--indeterminate .meter-fill{width:35%!important;animation:meter-slide 1.6s ease-in-out infinite}@keyframes meter-slide{0%{transform:translate(-110%)}to{transform:translate(320%)}}.stage{position:relative;border:1.5px solid var(--line-strong);border-radius:var(--radius-lg);overflow:hidden;background:var(--paper-3);box-shadow:var(--shadow-lift)}.stage--tall{aspect-ratio:4 / 5}.stage--wide{aspect-ratio:16 / 10}.stage--square{aspect-ratio:1 / 1}.stage-art{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%}.stage-badge{position:absolute;top:var(--s3);left:var(--s3);z-index:2}.stage-tools{position:absolute;bottom:var(--s3);left:50%;transform:translate(-50%);z-index:2;display:flex;gap:var(--s2);padding:var(--s2);background:#fffdf8eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line-strong);border-radius:var(--radius-pill);flex-wrap:wrap;justify-content:center;max-width:calc(100% - 1.5rem)}.stage-caption{position:absolute;bottom:var(--s3);right:var(--s4);z-index:1;font-family:var(--font-display);font-style:italic;font-size:var(--step--1);color:var(--ink-2);background:#fffdf8db;padding:.1em .5em;border-radius:var(--radius-pill)}.deliverables{display:grid;gap:0;border:1.5px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card)}.deliverables li{display:flex;gap:var(--s3);align-items:center;justify-content:space-between;padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);font-size:var(--step--1)}.deliverables li:last-child{border-bottom:0}.deliverables .name{display:flex;align-items:center;gap:var(--s3);min-width:0}.deliverables .name code{font-family:var(--font-mono);font-size:.85em;overflow-wrap:anywhere}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) 0;font-weight:700;font-size:var(--step-1);cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-display);font-size:1.5em;line-height:1;color:var(--clay);transition:transform var(--t-base);flex:none}.faq details[open] summary:after{transform:rotate(45deg)}.faq .faq-body{padding-bottom:var(--s5);color:var(--ink-2);max-width:68ch}.impl-details{margin-top:var(--s4);border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:var(--card);padding:0 var(--s4)}.impl-details summary{padding:var(--s3) 0;font-weight:700;font-size:var(--step--1);color:var(--ink-2);cursor:pointer;list-style:none}.impl-details summary::-webkit-details-marker{display:none}.impl-details summary:before{content:"▸ ";color:var(--clay)}.impl-details[open] summary:before{content:"▾ "}.impl-details .faq-body{padding-bottom:var(--s4);max-width:72ch}.impl-details code{font-family:var(--font-mono);font-size:.92em;background:var(--paper-3);padding:.05em .32em;border-radius:5px}.toast-region{position:fixed;left:50%;bottom:max(1.2rem,env(safe-area-inset-bottom));transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:var(--s2);width:min(92vw,460px);pointer-events:none}.toast{pointer-events:auto;display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3) var(--s4);background:var(--ink);color:var(--paper-2);border-radius:var(--radius);box-shadow:0 18px 40px -20px #1c1917cc;font-size:var(--step--1);animation:toast-in var(--t-slow) both}.toast--ok{background:#23543a;border-left:3px solid #7fd0a0}.toast--bad{background:#7d2618;border-left:3px solid #ffb4a0}.toast p{margin:0}.toast button{color:inherit;opacity:.7;font-weight:700;margin-left:auto}.toast button:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.empty{display:grid;place-items:center;gap:var(--s4);text-align:center;padding:clamp(2.5rem,8vw,5rem) var(--s5);border:2px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--paper-2)}.loading-dots{display:inline-flex;gap:4px;align-items:center}.loading-dots i{width:6px;height:6px;border-radius:999px;background:currentColor;animation:dot-pulse 1.1s ease-in-out infinite}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}@keyframes dot-pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.site-header{position:sticky;top:0;z-index:100;background:#f7f2e8e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:68px;padding-block:var(--s2)}.brand{display:flex;align-items:center;gap:var(--s3);text-decoration:none;flex:none}.brand:hover{color:inherit}.brand-mark{width:40px;height:40px;flex:none}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-weight:800;font-size:1.12rem;letter-spacing:.01em}.brand-sub{font-family:var(--font-display);font-style:italic;font-size:.72rem;color:var(--clay);letter-spacing:.04em}.nav{display:flex;align-items:center;gap:var(--s1)}.nav-link{padding:.45em .85em;border-radius:var(--radius-pill);font-weight:600;font-size:var(--step--1);text-decoration:none;color:var(--ink-2);transition:background var(--t-fast),color var(--t-fast);white-space:nowrap;display:inline-flex;align-items:center;gap:.4em}.nav-link:hover{background:var(--card);color:var(--ink)}.nav-link.is-active{background:var(--ink);color:var(--paper-2)}.nav-link.is-active:hover{color:var(--paper-2)}.nav-count{display:inline-grid;place-items:center;min-width:1.35em;height:1.35em;padding-inline:.28em;border-radius:999px;background:var(--amber);color:var(--ink);font-size:.7rem;font-weight:800}.header-actions{display:flex;align-items:center;gap:var(--s3);flex:none}.menu-toggle{display:none;width:44px;height:44px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--card);align-items:center;justify-content:center}.menu-toggle:hover{border-color:var(--ink)}.menu-toggle-bars{display:block;position:relative;width:18px;height:2px;background:var(--ink);border-radius:2px}.menu-toggle-bars:before,.menu-toggle-bars:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform var(--t-base),top var(--t-base)}.menu-toggle-bars:before{top:-6px}.menu-toggle-bars:after{top:6px}.menu-toggle[aria-expanded=true] .menu-toggle-bars{background:transparent}.menu-toggle[aria-expanded=true] .menu-toggle-bars:before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-bars:after{top:0;transform:rotate(-45deg)}.mobile-menu{border-top:1px solid var(--line);background:var(--paper-2);padding:var(--s4) var(--page-pad) var(--s5);display:grid;gap:var(--s2)}.mobile-menu a{display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s4);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);font-weight:700;text-decoration:none}.mobile-menu a.is-active{border-color:var(--ink);background:var(--ink);color:var(--paper-2)}.mobile-menu-close{margin-top:var(--s2);justify-self:center;padding:.5em 1.4em;background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--ink-2);font:inherit;font-weight:700;cursor:pointer}.mobile-menu-close:hover{border-color:var(--ink);color:var(--ink)}@media(max-width:900px){.nav--desktop{display:none}.menu-toggle{display:inline-flex}}.site-footer{margin-top:auto;border-top:1.5px solid var(--line-strong);background:var(--paper-2);padding-block:var(--s7) var(--s5)}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:var(--s6)}@media(max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.footer-grid{grid-template-columns:1fr}}.footer-col-title{font-weight:800;font-size:var(--step--1);letter-spacing:.04em;margin-bottom:var(--s3);color:var(--ink)}.footer-links{display:grid;gap:var(--s2);font-size:var(--step--1)}.footer-links a{color:var(--ink-2);text-decoration:none}.footer-links a:hover{color:var(--tomato);text-decoration:underline}.footer-bottom{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--line);display:flex;gap:var(--s4);justify-content:space-between;flex-wrap:wrap;font-size:var(--step--1);color:var(--ink-3)}.proto-banner{display:flex;gap:var(--s3);align-items:center;justify-content:center;flex-wrap:wrap;padding:var(--s3) var(--s4);background:var(--ink);color:var(--paper-2);font-size:var(--step--1);text-align:center}.proto-banner--long{display:inline-flex;gap:var(--s3);align-items:center;flex-wrap:wrap;justify-content:center}.proto-banner--short{display:none}.proto-banner strong{color:var(--amber)}.proto-banner a{color:var(--paper-2);white-space:nowrap}@media(max-width:760px){.proto-banner{padding:.4rem var(--s3)}.proto-banner--long{display:none}.proto-banner--short{display:inline-flex;gap:.4em;align-items:baseline}}.hero{position:relative;padding-block:clamp(2.5rem,6vw,4.5rem) clamp(2rem,4vw,3.5rem)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}@media(max-width:940px){.hero-grid{grid-template-columns:minmax(0,1fr)}}.hero-title{font-size:clamp(2.05rem,1.35rem + 3.1vw,4rem);letter-spacing:-.035em;line-height:1.06}.hero-title .hero-line{display:block;white-space:nowrap}.hero-title .hero-line--accent{color:var(--tomato)}@media(max-width:760px){.hero{padding-block:1.35rem 1.6rem}.hero-grid{gap:1.15rem}.hero .stack.stack-5{gap:.85rem}.hero-eyebrow{margin-bottom:0}.hero-figure .stage{aspect-ratio:1 / 1}.hero-sticker{font-size:var(--step--1)}.hero-sticker--tl{top:-10px;left:-4px}.hero-sticker--br{bottom:40px;right:-4px}}.hero-eyebrow{margin-bottom:var(--s4)}.hero-figure{position:relative}.hero-figure .stage{background:radial-gradient(120% 90% at 50% 12%,#fff8e8 0%,var(--paper-3) 62%,#e2d6c0 100%)}.hero-sticker{position:absolute;z-index:3;font-family:var(--font-display);font-style:italic;font-size:var(--step-0);background:var(--amber);border:1.5px solid var(--ink);border-radius:var(--radius-pill);padding:.25em .85em;box-shadow:var(--shadow-hard-sm);transform:rotate(-6deg);pointer-events:none}.hero-sticker--tl{top:-14px;left:-10px}.hero-sticker--br{bottom:46px;right:-12px;transform:rotate(5deg);background:var(--tomato-dark);color:#fff}.entry-card{position:relative;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5);border:1.5px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--card);text-decoration:none;box-shadow:var(--shadow-soft);transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base);overflow:hidden}.entry-card:hover{transform:translateY(-4px) rotate(-.35deg);box-shadow:var(--shadow-lift);border-color:var(--ink);color:inherit}.entry-card--live2d{background:linear-gradient(180deg,#fdf6e6 0%,var(--card) 44%)}.entry-card--3d{background:linear-gradient(180deg,#eef3f1 0%,var(--card) 44%)}.entry-stage{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);aspect-ratio:4 / 3;background:var(--paper-3)}.entry-stage-note{position:absolute;right:var(--s3);bottom:var(--s3);z-index:2;font-size:var(--step--1);font-weight:600;color:var(--ink-2);background:#fffdf8e6;border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:.12em .65em}.entry-price{display:flex;align-items:baseline;gap:var(--s2);font-weight:800}.entry-price .amount{font-family:var(--font-display);font-size:var(--step-2);letter-spacing:-.02em}.entry-cta{display:inline-flex;align-items:center;gap:.5em;font-weight:700;color:var(--tomato);margin-top:auto}.entry-card:hover .entry-cta{gap:.85em}.entry-cta span[aria-hidden]{transition:transform var(--t-base)}.sample-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s4)}.sample-wall>*{grid-column:span 2}.sample-wall>*:nth-child(1){grid-column:span 3}.sample-wall>*:nth-child(2){grid-column:span 3}.sample-wall>*:nth-child(4){grid-column:span 2}@media(max-width:900px){.sample-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-wall>*,.sample-wall>*:nth-child(1),.sample-wall>*:nth-child(2),.sample-wall>*:nth-child(4){grid-column:span 1}}.sample-tile{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s3);background:var(--card);border:1.5px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-soft);text-align:left;transition:transform var(--t-base),box-shadow var(--t-base);width:100%}.sample-tile:nth-child(odd){transform:rotate(-.8deg)}.sample-tile:nth-child(2n){transform:rotate(.9deg)}.sample-tile:hover{transform:rotate(0) translateY(-3px);box-shadow:var(--shadow-lift)}.sample-tile-art{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line);background:var(--paper-3)}.sample-tile-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);font-size:var(--step--1)}.sample-tile-name{font-weight:700}.steps-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);counter-reset:flow}@media(max-width:800px){.steps-3{grid-template-columns:minmax(0,1fr)}}.flow-card{position:relative;padding:var(--s5);padding-top:var(--s6);border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--card)}.flow-card:before{counter-increment:flow;content:"0" counter(flow);position:absolute;top:-.72em;left:var(--s4);font-family:var(--font-display);font-size:2.1rem;line-height:1;color:var(--tomato);background:var(--paper);padding-inline:.3em;border-radius:var(--radius-sm)}.create-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:start}@media(max-width:1000px){.create-layout{grid-template-columns:minmax(0,1fr)}}.flow-column{scroll-margin-top:5.75rem}.aside-sticky{position:sticky;top:92px;display:grid;gap:var(--s4)}@media(max-width:1000px){.aside-sticky{position:static}}.preset-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}@media(max-width:620px){.preset-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.preset{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s2);border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--card);text-align:left;transition:border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.preset:hover{border-color:var(--ink-2);transform:translateY(-2px)}.preset.is-selected{border-color:var(--ink);box-shadow:var(--shadow-hard-sm)}.preset-art{aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:var(--paper-3)}.preset-name{font-size:.78rem;font-weight:700;display:flex;justify-content:space-between;gap:var(--s2);align-items:center}.price-block{display:grid;gap:var(--s3);padding:var(--s5);background:var(--ink);color:var(--paper-2);border-radius:var(--radius)}.price-figure{display:flex;align-items:baseline;gap:var(--s2);font-family:var(--font-display);font-size:var(--step-3);letter-spacing:-.02em}.price-figure .cny{font-size:.45em;opacity:.7}.price-block .muted{color:#fdf9f0b8}.price-block ul{display:grid;gap:var(--s2);font-size:var(--step--1)}.price-block li{display:flex;gap:var(--s2);align-items:flex-start}.price-block li:before{content:"·";color:var(--amber);font-weight:800}.summary-list{display:grid;gap:var(--s2);font-size:var(--step--1)}.summary-list>div{display:flex;justify-content:space-between;gap:var(--s4);padding-bottom:var(--s2);border-bottom:1px dashed var(--line)}.summary-list>div:last-child{border-bottom:0}.summary-list dt,.summary-list .k{color:var(--ink-3)}.summary-list dd,.summary-list .v{font-weight:700;text-align:right;margin:0}.order-card{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:var(--s4);align-items:center;padding:var(--s4);border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--card);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.order-card:hover{border-color:var(--ink);box-shadow:var(--shadow-soft)}@media(max-width:700px){.order-card{grid-template-columns:72px minmax(0,1fr)}.order-card .order-actions{grid-column:1 / -1;justify-content:flex-start}}.order-thumb{width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line);background:var(--paper-3);display:grid;place-items:center}.order-main{display:grid;gap:var(--s2);min-width:0}.order-title{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}.order-name{font-weight:800;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.order-actions{display:flex;gap:var(--s2);flex-wrap:wrap;justify-content:flex-end}.tabs{display:flex;gap:var(--s1);padding:var(--s1);border:1.5px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--paper-2);width:fit-content;max-width:100%;overflow-x:auto}.tab{padding:.5em 1.05em;border-radius:var(--radius-pill);font-weight:700;font-size:var(--step--1);color:var(--ink-2);white-space:nowrap;transition:background var(--t-fast),color var(--t-fast)}.tab:hover{background:var(--card);color:var(--ink)}.tab.is-active{background:var(--ink);color:var(--paper-2)}.result-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:start}@media(max-width:1000px){.result-layout{grid-template-columns:minmax(0,1fr)}}.share-box{display:flex;gap:var(--s2);align-items:center;padding:var(--s2) var(--s2) var(--s2) var(--s4);border:1.5px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--paper-2)}.share-box code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--step--1);color:var(--ink-2)}.preview-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:start}@media(max-width:1000px){.preview-layout{grid-template-columns:minmax(0,1fr)}}.preview-tabs{display:inline-flex;gap:var(--s1);padding:var(--s1);background:var(--paper-3);border-radius:var(--radius-pill);border:1.5px solid var(--line-strong)}.preview-tabs button{padding:.5em 1.15em;border-radius:var(--radius-pill);font-weight:700;font-size:var(--step--1);color:var(--ink-2)}.preview-tabs button[aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-hard-sm)}.stage-switch{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}.control-group{display:grid;gap:var(--s3);padding:var(--s4);border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card)}.control-title{font-weight:800;font-size:var(--step--1);letter-spacing:.02em;display:flex;align-items:center;gap:var(--s2)}.swatch-row{display:flex;gap:var(--s2);flex-wrap:wrap}.swatch{width:34px;height:34px;border-radius:999px;border:1.5px solid var(--line-strong);transition:transform var(--t-fast),box-shadow var(--t-fast)}.swatch:hover{transform:scale(1.08)}.swatch.is-active{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--ink)}.mouth-meter{display:flex;align-items:center;gap:var(--s2);font-size:var(--step--1);color:var(--ink-3)}.mouth-meter-track{flex:1;height:8px;border-radius:999px;background:var(--paper-3);overflow:hidden;border:1px solid var(--line)}.mouth-meter-fill{height:100%;background:var(--tomato);width:0%}.quota-row{display:flex;gap:var(--s3);align-items:center;justify-content:space-between;font-size:var(--step--1);color:var(--ink-2);flex-wrap:wrap}.capability-list{display:grid;gap:var(--s2);font-size:var(--step--1)}.capability-list li{display:flex;gap:var(--s3);align-items:flex-start}.capability-list .cap-mark{flex:none;width:1.35em;height:1.35em;border-radius:999px;display:grid;place-items:center;font-size:.75em;font-weight:800;margin-top:.25em}.cap-mark--real{background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok)}.cap-mark--demo{background:var(--amber-soft);color:var(--warn);border:1px solid var(--warn)}.cap-mark--todo{background:var(--paper-3);color:var(--ink-3);border:1px solid var(--line-strong)}.price-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);align-items:stretch}@media(max-width:900px){.price-cards{grid-template-columns:minmax(0,1fr)}}.price-card{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s6);border:1.5px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-soft)}.price-card--feature{border-width:2px;border-color:var(--ink);box-shadow:var(--shadow-hard);position:relative}.price-card--free{background:var(--teal-soft);border-color:var(--teal)}.big-price{font-family:var(--font-display);font-size:var(--step-4);line-height:1;letter-spacing:-.03em;display:flex;align-items:baseline;gap:.15em}.big-price .cny{font-size:.42em;opacity:.65}.big-price .unit{font-family:var(--font-sans);font-size:.3em;font-weight:600;opacity:.7;letter-spacing:0}.feature-list{display:grid;gap:var(--s3);font-size:var(--step--1);flex:1}.feature-list li{display:flex;gap:var(--s3);align-items:flex-start}.feature-list li:before{content:"✓";font-weight:800;color:var(--ok);flex:none}.feature-list li.is-off{color:var(--ink-3)}.feature-list li.is-off:before{content:"—";color:var(--ink-3)}.help-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}@media(max-width:900px){.help-layout{grid-template-columns:minmax(0,1fr)}}.help-toc{position:sticky;top:92px;display:grid;gap:var(--s1);padding:var(--s4);border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper-2);font-size:var(--step--1)}@media(max-width:900px){.help-toc{position:static}}.help-toc a{padding:.35em .6em;border-radius:var(--radius-sm);text-decoration:none;color:var(--ink-2)}.help-toc a:hover{background:var(--card);color:var(--ink)}.help-section{scroll-margin-top:6rem;padding-block:var(--s5);border-bottom:1px solid var(--line)}.help-section:last-child{border-bottom:0}.notfound-art{display:grid;place-items:center;gap:var(--s5);text-align:center;padding-block:clamp(3rem,10vw,7rem)}.notfound-code{font-family:var(--font-display);font-size:clamp(5rem,18vw,11rem);line-height:.85;letter-spacing:-.05em;color:var(--ink)}.notfound-code span{color:var(--tomato)}.tape{position:absolute;width:92px;height:26px;background:#f0a02a6b;border-left:1px dashed rgba(28,25,23,.2);border-right:1px dashed rgba(28,25,23,.2);top:-13px;left:50%;transform:translate(-50%) rotate(-2deg);pointer-events:none}.deco-arrow{color:var(--clay);flex:none}.showcase-block{display:grid;gap:var(--s4)}.showcase-block--card{gap:var(--s3)}.showcase-head h3,.showcase-head h2{margin:0}.showcase-intro{max-width:62ch}.showcase-switch{display:flex;flex-wrap:wrap;gap:var(--s2)}.showcase-switch-btn{display:grid;gap:.1rem;text-align:left;padding:.5em .9em;border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-hard-sm);transition:transform var(--t-fast),background var(--t-fast)}.showcase-switch-btn:hover{transform:translate(-1px,-1px)}.showcase-switch-btn.is-active{background:var(--amber-soft)}.showcase-stage-wrap{display:grid;gap:var(--s3)}.showcase-stage{width:100%}.showcase-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;background:linear-gradient(45deg,rgba(28,25,23,.05) 25%,transparent 25%) 0 0 / 18px 18px,linear-gradient(-45deg,rgba(28,25,23,.05) 25%,transparent 25%) 0 9px / 18px 18px,var(--paper-3)}.showcase-overlay{position:absolute;inset:0;z-index:3;display:grid;align-content:center;justify-items:center;gap:var(--s2);padding:var(--s5);text-align:center;background:#fffdf8db;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.showcase-overlay--error{background:var(--bad-soft)}.showcase-overlay>span{max-width:46ch}.showcase-warn{border-left:3px solid var(--warn);padding-left:var(--s3)}.showcase-status{display:flex;align-items:baseline;gap:.45em}.showcase-live-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--ok, #2f9e5f);box-shadow:0 0 0 3px #2f9e5f2e}.showcase-live-dot.is-paused{background:var(--ink-3);box-shadow:none}.showcase-native{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card)}.showcase-native-text{display:grid;gap:.2rem;max-width:62ch}.showcase-native-text p{margin:0}.showcase-tech{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card);padding:var(--s3) var(--s4)}.showcase-tech>summary{cursor:pointer;font-weight:800;font-size:var(--step--1)}.showcase-tech-body{display:grid;gap:var(--s3);padding-top:var(--s3)}.showcase-tech-body p{margin:0}.showcase-tech-meta{display:grid;gap:var(--s2);margin:0;border-top:1px dashed var(--line);padding-top:var(--s3)}.showcase-tech-meta>div{display:grid;grid-template-columns:minmax(6.5rem,9rem) minmax(0,1fr);gap:var(--s3);align-items:baseline}.showcase-tech-meta dt{font-weight:700;font-size:var(--step--1);color:var(--ink-2)}.showcase-tech-meta dd{margin:0;font-size:var(--step--1);overflow-wrap:anywhere}@media(max-width:560px){.showcase-tech-meta>div{grid-template-columns:minmax(0,1fr);gap:.1rem}}.showcase-facts-grid{display:grid;gap:var(--s2);margin:0}.showcase-facts-grid>div{display:grid;grid-template-columns:minmax(6.5rem,9rem) minmax(0,1fr);gap:var(--s3);align-items:baseline}.showcase-facts-grid dt{font-weight:700;font-size:var(--step--1);color:var(--ink-2)}.showcase-facts-grid dd{margin:0;font-size:var(--step--1)}@media(max-width:560px){.showcase-facts-grid>div{grid-template-columns:minmax(0,1fr);gap:.1rem}}.showcase-reasons{margin:0;padding-left:1.1rem;font-size:var(--step--1);color:var(--ink-2)}.showcase-tools-detail>summary{cursor:pointer;font-weight:700;font-size:var(--step--1)}.showcase-texture-list{list-style:none;margin:var(--s2) 0 0;padding:0;display:grid;gap:.15rem;max-height:16rem;overflow:auto}.showcase-texture-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s2);border-bottom:1px dashed var(--line);padding-bottom:.15rem}.showcase-layer-list{display:grid;gap:.15rem;max-height:18rem;overflow:auto;border-top:1px dashed var(--line);padding-top:var(--s2)}.showcase-layer{display:grid;grid-template-columns:minmax(5.5rem,8rem) minmax(0,1.4fr) minmax(0,1fr);gap:var(--s2);align-items:baseline;font-size:var(--step--1)}.showcase-layer-role{font-weight:700}.showcase-layer code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.showcase-layer{grid-template-columns:minmax(0,1fr);gap:.05rem;padding-bottom:.3rem;border-bottom:1px dashed var(--line)}}.showcase-scope{border-left:3px solid var(--line-strong);padding-left:var(--s3)}.showcase-card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3)}.showcase-card-foot p{margin:0;max-width:48ch}.showcase-empty{display:grid;gap:var(--s3);padding:var(--s5);border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:var(--card)}.live2d-stage{position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:var(--s3)}.hero-art .live2d-stage{position:absolute;inset:0;gap:0}.live2d-stage-inner{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;border-radius:inherit}.live2d-canvas-host{position:absolute;inset:0;z-index:1}.live2d-canvas{display:block;width:100%;height:100%;touch-action:none}.live2d-poster{position:absolute;inset:0;z-index:0;transition:opacity .42s ease}.live2d-poster.is-hidden{opacity:0}.live2d-overlay{position:absolute;inset:auto var(--s3) var(--s3);z-index:2;display:grid;gap:.35rem;justify-items:start;padding:var(--s3) var(--s4);background:#fffdf8f0;border:1.5px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-hard-sm)}.live2d-overlay--error{border-color:var(--tomato-dark);inset:auto var(--s3) var(--s3) var(--s3)}.live2d-hint{align-self:center}.live2d-status{margin-top:var(--s2)}.live2d-tech{border:1px dashed var(--line-strong);border-radius:var(--radius-md);padding:var(--s2) var(--s3);background:#fffdf899}.live2d-tech>summary{cursor:pointer;font-family:var(--font-display);font-size:var(--step--1);color:var(--ink-2)}.live2d-tech-body{display:grid;gap:var(--s2);padding-top:var(--s2)}.live2d-facts{display:grid;gap:var(--s2);margin:0}.live2d-facts>div{display:grid;grid-template-columns:6.5rem 1fr;gap:var(--s2);align-items:baseline}.live2d-facts dt{font-size:var(--step--1);color:var(--ink-3)}.live2d-facts dd{margin:0;font-size:var(--step--1);color:var(--ink-2);word-break:break-word}.live2d-tech-body code{font-size:.85em;background:var(--paper-3);padding:.05em .35em;border-radius:4px}.live2d-check{display:grid;gap:var(--s4);max-width:900px;margin-inline:auto;padding:var(--s5) var(--s4)}.live2d-check-stage{position:relative;aspect-ratio:3 / 4;max-width:460px;margin-inline:auto;width:100%}.live2d-check-log{font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--step--1);white-space:pre-wrap;background:var(--paper-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:var(--s3);max-height:22rem;overflow:auto}