.product-hero{text-align:center;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding:clamp(56px,11vh,120px) 24px 56px;display:flex}.product-kicker{color:var(--color-ink-muted);margin-bottom:18px;font-size:17px}.product-hero .page-title{max-width:15ch}.product-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 28px;margin-top:32px;display:flex}.product-stage{max-width:1080px;margin:0 auto;padding:0 32px}.stage-card{background-color:var(--color-surface);box-shadow:0 0 0 1px var(--color-ring);border-radius:20px;padding:14px}.card-art.stage-art{height:clamp(340px,42vw,460px);margin:0;padding:0}.stage-art .book{padding:32px 40px;inset:36px 12% 108px}.book-chapter{color:var(--color-ink-muted);margin-bottom:14px;font-size:13px}.stage-art .book-text{font-size:clamp(18px,2vw,24px);line-height:1.55}.stage-art .player{bottom:32px;left:12%;right:12%}.book-next{color:#c9c5bf;margin-top:14px;font-size:clamp(18px,2vw,24px);line-height:1.55}.player-voice{color:var(--color-ink-muted);white-space:nowrap;font-size:12px}@media (width<=799px){.product-stage{padding:0 16px}.stage-art .book,.stage-art .player{left:16px;right:16px}.stage-art .book{padding:20px}}.art-toc{background-color:var(--tint-paper)}.toc{padding:14px 16px 8px;position:absolute;top:22px;left:24px;right:24px}.toc-file{color:var(--color-ink-muted);margin-bottom:8px;font-size:12px}.toc ol{counter-reset:ch;margin:0;padding:0;list-style:none}.toc li{counter-increment:ch;color:var(--color-ink-body);border-radius:6px;gap:12px;margin:0 -8px;padding:7px 8px;display:flex}.toc li:before{content:counter(ch);width:14px;color:var(--color-ink-faint);font-variant-numeric:tabular-nums}.toc li:nth-child(2){color:var(--color-ink);background-color:#a9cf7c66}.play .toc li:first-child{animation:2.6s step-end .3s both reading-first}.play .toc li:nth-child(2){animation:2.6s step-end .3s both reading-second}@keyframes reading-first{0%,49%{color:var(--color-ink);background-color:#a9cf7c66}50%,to{color:var(--color-ink-body);background-color:#0000}}@keyframes reading-second{0%,49%{color:var(--color-ink-body);background-color:#0000}50%,to{color:var(--color-ink);background-color:#a9cf7c66}}.art-model{background-color:var(--tint-leaf)}.model{padding:18px;position:absolute;top:50%;left:24px;right:24px;translate:0 -50%}.model-row{color:var(--color-ink-muted);justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.model-row b{color:var(--color-ink);font-size:15px;font-weight:500}.model-bar{background-color:var(--color-sunk);border-radius:4px;height:8px;margin:14px 0;overflow:hidden}.model-bar i{background-color:var(--leaf-shade);transform-origin:0;border-radius:4px;height:100%;display:block}.model-chip{border-radius:var(--radius-badge);background-color:var(--color-sunk);color:var(--color-ink);padding:2px 7px;font-weight:500}.model-done{color:#245c2f}.play .model-bar i{animation:load 1.8s var(--ease-in-out-soft) .3s both}@keyframes load{0%{transform:scaleX(0)}60%{transform:scaleX(.72)}}.play .model-done{animation:pop .46s var(--ease-spring) 2.15s both}.art-offline{background-color:var(--tint-sky)}.offline{align-items:center;gap:14px;padding:16px 18px;display:flex;position:absolute;top:50%;left:24px;right:24px;translate:0 -50%}.offline-state{color:var(--color-ink-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.offline-state svg{fill:none;width:16px;height:16px;stroke:var(--color-ink);stroke-width:1.4px;stroke-linecap:round}.offline-state .cut{stroke:var(--bloom-deep)}.offline .wave{height:26px}.play .offline-state .cut{stroke-dasharray:16;animation:cut .5s var(--ease-out-soft) .5s both}@keyframes cut{0%{stroke-dashoffset:16px}}.run{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:64px;display:grid}.run-copy .link{color:var(--color-ink);margin-top:20px;display:inline-block}.terminal{border-radius:var(--radius-window);background-color:#1b1a18;overflow:hidden;box-shadow:0 0 0 1px #2c2a27}.terminal-bar{color:#8c8883;background-color:#252321;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:12px;display:flex}.terminal-bar i{background-color:#ff5f57;border-radius:999px;width:11px;height:11px}.terminal-bar i:nth-child(2){background-color:#febc2e}.terminal-bar i:nth-child(3){background-color:#28c840}.terminal-bar span{margin-left:8px}.terminal pre{color:#ecebe8;margin:0;padding:22px 24px 26px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.9;overflow-x:auto}.prompt{color:var(--leaf-new);-webkit-user-select:none;user-select:none}@media (width<=899px){.run{grid-template-columns:minmax(0,1fr);gap:32px}.terminal pre{font-size:12.5px}}