.design-fragment{display:contents}.home-redesign .module-empty{padding:40px 24px;text-align:center;color:var(--sub)}.home-redesign .thumb{position:relative}.home-redesign .post-arrow{display:flex;align-items:center;justify-content:center;font-size:30px}.home-redesign .post-carousel-controls button{font-size:28px;line-height:1}.home-redesign [data-post-carousel]{scrollbar-width:none}.download-error{margin:24px auto 0;padding:14px 20px;max-width:640px;border:1px solid #e7b8b8;border-radius:12px;background:#fff1f1;color:#a32727;display:flex;align-items:center;justify-content:space-between;gap:16px}.download-error button{border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer}.download-back-icon{font-size:40px}.tutorial-article-page,.tutorial-page{min-height:70vh;padding-bottom:64px}.tutorial-page .post-body{display:flex;flex-direction:column;flex:1;min-width:0}.tutorial-article-page .detail-cover{height:auto}.faq-toggle-icon .icon-close,.faq-toggle-icon .icon-plus{font-size:24px;line-height:1}.site-back-to-top{font-size:22px}.hero-motion-product .hero-row-entry,.hero-motion-product .hero-window-entry,.hero-motion-product .hero-zone-entry{opacity:1;transform:none}.hero-flow__still{animation:flow-drift 10s ease-in-out infinite alternate}@keyframes flow-drift{to{transform:translateY(-20px) scaleY(1.06)}}@media(prefers-reduced-motion:reduce){.hero-flow__still{animation:none}}@media(max-width:820px){.site-nav:not(.open) .nav-collapse{visibility:hidden}.site-nav.open .nav-collapse{visibility:visible}}.hero:not(.is-motion-ready) .hero-reveal{opacity:1;transform:none;filter:none}main.tutorial-article-page,main.tutorial-page{padding-top:60px}.tutorial-library .tutorial-grid>.post{grid-column:auto}.tutorial-article-page>section>.wrap{width:min(1040px,calc(100% - 64px));max-width:none;margin-inline:auto;padding:0}main>.download-section:first-child{padding-top:140px}@media(max-width:600px){.tutorial-article-page>section>.wrap{width:calc(100% - 32px)}}.tutorial-page .tutorial-library .post{background:var(--tutorial-card);padding:24px;border:0;box-shadow:none}.tutorial-page .tutorial-library .post .post-body{padding:0;margin:0;background:none;border:0}.tutorial-page .tutorial-library .post h3{font-size:16px;margin:0 0 24px}.tutorial-page .tutorial-library .post .summary{margin:0 0 24px}.tutorial-page .tutorial-library .post:hover{background:var(--tutorial-card-hover)}.tags-section .tag-chip{cursor:default}.tags-section .tag-chip:hover{transform:none}@media (max-width:900px){.abilities .ability-deck,.abilities .g-abilities{position:relative;height:auto;min-height:0}.abilities .g-abilities{display:block}.abilities .ability-stage .feat:not([data-position="0"]){display:none}.abilities .ability-stage .feat[data-position="0"]{position:relative;inset:auto;transform:none!important;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-content:start;gap:12px;height:auto;min-height:0;padding:28px}.abilities .ability-stage .feat[data-position="0"] h3{grid-column:1;grid-row:1;width:100%;margin:0;font-size:26px;line-height:1.35}.abilities .ability-stage .feat[data-position="0"] p{grid-column:1;grid-row:2;width:100%;margin:0;font-size:14px;line-height:1.75}.abilities .ability-stage .feat[data-position="0"] .ic{position:relative;inset:auto;grid-column:1;grid-row:3;width:100%;height:auto;min-height:0;margin:12px 0 20px;aspect-ratio:992/632;transform:none}.abilities .ability-stage .feat[data-position="0"]>[class$=-illustration]{left:auto;right:24px;bottom:20px;width:clamp(88px,25vw,160px)}}main .content-section[data-motion-section=tutorial] .posts{--tutorial-columns:2;--tutorial-gap:12px;gap:var(--tutorial-gap);width:calc(100vw - 32px);margin-left:calc(50% - (100vw - 32px) / 2);padding-inline:0;flex-wrap:nowrap;justify-content:safe center;scroll-snap-type:none}@media (min-width:768px){main .content-section[data-motion-section=tutorial] .posts{--tutorial-columns:3;--tutorial-gap:20px}}@media (min-width:960px){main .content-section[data-motion-section=tutorial] .posts{--tutorial-columns:5}}@media (min-width:1440px){main .content-section[data-motion-section=tutorial] .posts{--tutorial-columns:6}}main .content-section[data-motion-section=tutorial] .posts>.post,main .content-section[data-motion-section=tutorial] .posts>.post:first-child{flex:0 0 calc((100% - (var(--tutorial-columns) - 1) * var(--tutorial-gap)) / var(--tutorial-columns));min-width:0;min-height:380px;padding:clamp(12px,1.3vw,24px);border-radius:24px!important}main .content-section[data-motion-section=tutorial] .posts>.post h3,main .content-section[data-motion-section=tutorial] .posts>.post:first-child h3{font-size:clamp(16px,1.3vw,22px);line-height:1.4;min-height:1.4em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main .content-section[data-motion-section=tutorial] .posts>.post .summary{font-size:13px;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}main .content-section[data-motion-section=tutorial] .posts>.post .thumb,main .content-section[data-motion-section=tutorial] .posts>.post:first-child .thumb{height:auto;min-height:0;aspect-ratio:3/2;border-radius:16px}:root main.tutorial-page .tutorial-library .post{background:var(--tutorial-card)!important;border:0!important;box-shadow:none!important;transition:transform .18s ease,background-color .18s ease}:root main.tutorial-page .tutorial-library .post .post-body{background:transparent!important;justify-content:flex-start}:root main.tutorial-page .tutorial-library .post h3{min-height:0;color:var(--tutorial-title)}:root main.tutorial-page .tutorial-library .post .summary{color:var(--tutorial-text)}@media (hover:hover) and (pointer:fine){:root main.tutorial-page .tutorial-library .post:hover{background:var(--tutorial-card-hover)!important;box-shadow:none!important;transform:translateY(-4px)}:root main.tutorial-page .tutorial-library .post:hover h3{color:var(--tutorial-primary)}}:root main.tutorial-page .tutorial-library .post:focus-visible{background:var(--tutorial-card-hover)!important;outline:2px solid var(--tutorial-focus);outline-offset:0;box-shadow:0 0 0 3px var(--tutorial-focus-ring)!important}:root main.tutorial-page .tutorial-library .post:focus-visible h3{color:var(--tutorial-primary)}@media (prefers-reduced-motion:reduce){:root main.tutorial-page .tutorial-library .post{transition:none}:root main.tutorial-page .tutorial-library .post:hover{transform:none}}