:root{color:#26382f;font-synthesis:none;--green:#315f4d;--muted:#80877e;--line:#e0e4da;--paper:#f7f8f3;background:#f7f8f3;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{background:0 0;border:0}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #739a74}button:hover:not(:disabled),a.button:hover{filter:brightness(.96)}[hidden]{display:none!important}.site-header{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:86px;padding:0 5.2%;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon{background:var(--green);color:#fff;border-radius:9px;width:35px;height:35px;padding:7px}.brand-icon svg{width:100%;height:100%}.brand strong{letter-spacing:2px;font-size:21px}.brand-en{letter-spacing:2px;color:#899084;border-left:1px solid #cdd4c7;margin-left:8px;padding-left:19px;font-size:10px}.site-header nav{align-items:center;gap:32px;font-size:13px;display:flex}.site-header nav>a{color:#697466}.site-header nav>a:hover{color:var(--green)}.preview-badge{color:#6f7d69;border:1px solid #dce2d6;border-radius:30px;padding:7px 12px;font-size:11px}.preview-badge i,.stage-top i{background:#6d9061;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.home,.detail{max-width:1440px;margin:auto;padding:0 5.2%}.hero{grid-template-columns:1fr 1.03fr;align-items:center;gap:40px;min-height:575px;padding:60px 0 50px;display:grid}.eyebrow{letter-spacing:2.2px;color:#6e7e68;align-items:center;gap:10px;font-size:10px;font-weight:600;display:flex}.eyebrow>span:first-child:empty{background:#6e7e68;width:20px;height:1px}.hero h1{letter-spacing:-1.7px;margin:22px 0 18px;font-size:clamp(32px,3.3vw,51px);font-weight:550;line-height:1.45}.hero h1>span{color:#809474}.hero-copy>p{color:#84907e;margin:0 0 28px;font-size:14px;line-height:1.9}.button{background:#fafbf8;border:1px solid #dce2d6;border-radius:7px;justify-content:center;align-items:center;gap:24px;min-height:43px;padding:12px 20px;font-size:13px;line-height:1.3;transition:background .2s;display:inline-flex}.primary{background:var(--green);color:#fff;border-color:var(--green)}.quiet{background:0 0}.full{width:100%}.hero-index{color:#8b9485;align-items:center;gap:15px;margin-top:33px;font-size:10px;line-height:1.6;display:flex}.hero-index b{color:#52664c;font-size:32px;font-weight:400}.index-line{background:#d8dfd1;width:1px;height:28px;margin:0 5px}.hero-object{background:radial-gradient(at 50% 45%,#f4f6ed,#e9eddf);border-radius:8px;align-self:stretch;min-height:445px;display:block;position:relative;overflow:hidden}.hero-topline{letter-spacing:1.3px;color:#7e8a72;z-index:2;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:26px;left:28px;right:28px}.hero-object img{object-fit:contain;z-index:1;width:100%;height:90%;transition:transform .7s;position:absolute;inset:30px 0 25px}.hero-object:hover img{transform:translateY(-5px)}.hero-caption{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:24px;left:28px;right:28px}.hero-caption small{letter-spacing:1px;color:#8b977e;margin-bottom:6px;font-size:10px;display:block}.hero-caption strong{font-size:16px;font-weight:500}.circle-arrow{color:#67845a;border:1px solid #bec9b1;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.orbit-ring{aspect-ratio:1;border:1px solid #dce3d1;border-radius:50%;width:80%;position:absolute;top:8%;left:10%;transform:rotateX(64deg)rotate(-22deg)}.ring-two{border-style:dashed;width:95%;top:2%;left:2.5%}.collection{padding:25px 0 60px}.collection-heading{justify-content:space-between;align-items:flex-end;display:flex}.collection h2{letter-spacing:-.6px;margin:13px 0 0;font-size:27px;font-weight:500}.collection h2 span{color:#a7afa0;margin-left:12px;font-size:13px;font-weight:400}.search{color:#9aa590;border-bottom:1px solid #cfd8c7;align-items:center;gap:10px;width:235px;padding:10px 0;display:flex}.search>span{font-size:23px;line-height:1}.search input{color:#354c3b;background:0 0;border:0;outline:none;width:100%;font-size:12px}.search input::placeholder{color:#9aa590}.filter-row{justify-content:space-between;align-items:center;margin:24px 0;display:flex}.filters{gap:8px;display:flex}.filter{color:#8a9582;border:1px solid #dce2d6;border-radius:30px;padding:8px 16px;font-size:12px}.filter.active{color:#4a6840;background:#e5ecdd;border-color:#e5ecdd}.collection-note{letter-spacing:1px;color:#98a18f;font-size:11px}.model-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.model-card{min-width:0;display:block}.card-image{background:#eeeee6;border:1px solid #e6e8de;border-radius:7px;height:295px;position:relative;overflow:hidden}.model-card:nth-child(2) .card-image{background:#f1eee5}.card-number{letter-spacing:1.4px;color:#909a85;z-index:1;font-size:9px;position:absolute;top:19px;left:22px}.card-version{color:#849278;border:1px solid #d9dece;border-radius:4px;padding:4px 8px;font-size:10px;position:absolute;top:16px;right:20px}.card-image img{object-fit:contain;width:100%;height:100%;transition:transform .6s}.card-explore{color:#6d7e5f;font-size:11px;position:absolute;bottom:17px;right:20px}.card-info{justify-content:space-between;align-items:center;padding:22px 0 15px;display:flex}.category{letter-spacing:1px;color:#89977e;font-size:10px}.card-info h3{letter-spacing:-.3px;margin:8px 0;font-size:20px;font-weight:500}.card-info p{color:#8c9584;margin:0;font-size:12px}.card-link{color:#7b8e6f;font-size:24px}.card-tags{gap:8px;display:flex}.card-tags>span{color:#91a084;border:1px solid #e0e4d9;border-radius:4px;padding:5px 8px;font-size:9px}.about-strip{border-top:1px solid var(--line);align-items:center;gap:25px;padding:44px 0;display:flex}.about-mark{color:#819874;flex-shrink:0;width:42px}.about-mark svg{width:42px;height:42px}.about-strip h2{margin:0 0 10px;font-size:18px;font-weight:500}.about-strip p{color:#8d9884;margin:0;font-size:12px;line-height:1.8}.about-index{letter-spacing:1.5px;color:#a2ac99;white-space:nowrap;margin-left:auto;font-size:9px}footer{border-top:1px solid var(--line);color:#8e9985;justify-content:space-between;align-items:center;padding:30px 5.2%;font-size:10px;display:flex}footer strong{color:#617557;letter-spacing:1px;font-size:15px}footer p{margin:8px 0 0}.empty-state{text-align:center;color:#8a9782;grid-column:1/-1;padding:60px}.empty-state h3{color:#4e6247;font-weight:500}.breadcrumbs{color:#8e9985;gap:13px;padding:25px 0;font-size:11px;display:flex}.breadcrumbs a{color:#5e7852}.breadcrumbs span:nth-child(2n){color:#c3cbbb}.detail-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.detail-heading h1{letter-spacing:-1px;margin:13px 0 10px;font-size:32px;font-weight:500}.detail-heading p{color:#929c89;margin:0;font-size:13px}.detail-heading .eyebrow>span{color:#a1ab99;letter-spacing:.5px;font-weight:400}.object-badges{align-self:flex-end;gap:8px;padding-bottom:4px;display:flex}.object-badges span{color:#7f9073;border:1px solid #dce3d4;border-radius:5px;padding:7px 11px;font-size:10px}.mode-tabs{scrollbar-width:none;border-bottom:1px solid #dce3d4;gap:29px;margin-bottom:24px;display:flex;overflow-x:auto}.mode-tabs button{white-space:nowrap;color:#929c88;padding:13px 0 17px;font-size:13px;position:relative}.mode-tabs button.active{color:#3c6243;font-weight:600}.mode-tabs button.active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:0;left:0;right:0}.tab-number{color:#acb4a4;margin-right:7px;font-size:9px;font-weight:400}.explorer{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:30px;display:grid}.stage-wrap{background:radial-gradient(at 50% 40%,#f4f5ee,#e9ede2);border:1px solid #e2e7d9;border-radius:8px;height:570px;position:relative;overflow:hidden}.stage-wrap:before{content:"";pointer-events:none;background-image:radial-gradient(#a2b19445 .7px,#0000 .7px);background-size:22px 22px;position:absolute;inset:0}#stage{position:absolute;inset:0 0 64px}#stage canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.stage-top{pointer-events:none;color:#829373;letter-spacing:.4px;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:22px;left:22px;right:22px}.stage-caption{color:#9eaa93;font-size:9px}.stage-tools{z-index:3;gap:6px;display:flex;position:absolute;bottom:79px;right:17px}.stage-tools button{color:#809371;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f8faf2df;border:1px solid #dbe3d2;border-radius:5px;padding:8px 10px;font-size:10px}.stage-control{color:#8a9b7a;background:#f7f9f1dc;border-top:1px solid #dfe5d6;align-items:center;gap:17px;height:64px;padding:0 24px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.stage-control input{flex:1;min-width:0}.control-label{white-space:nowrap;font-size:10px}.stage-control>span:last-child{min-width:30px}.view-hint{letter-spacing:.5px;text-align:center;width:100%;font-size:10px}.view-hint i{color:#bcc7b1;margin:0 12px;font-style:normal}input[type=range]{accent-color:#668a51;cursor:pointer;height:4px;min-height:20px}.part-label{white-space:nowrap;color:#658052;z-index:2;background:#fbfcf4ed;border:1px solid #cdd7c0;border-radius:4px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex;position:absolute;transform:translate(-10px,-50%);box-shadow:0 2px 6px #4c60360a}.part-label span{background:#8da475;border-radius:50%;width:4px;height:4px}.part-label.selected{color:#fff;background:#315f4d;border-color:#315f4d}.part-label.selected span{background:#d6e7c6}#sidebar{min-width:0;padding:5px 0 0}#sidebar h2{letter-spacing:-.6px;margin:18px 0;font-size:23px;font-weight:500;line-height:1.5}.overview-copy{color:#8b9980;margin-bottom:22px;font-size:12px;line-height:1.9}.part-info{background:#edf1e5;border-radius:6px;margin:20px 0;padding:17px 18px}.part-info strong{color:#5b784a;font-size:12px;font-weight:500}.part-info p{color:#869779;margin:8px 0 0;font-size:11px;line-height:1.8}.parts-title{color:#7a8c6b;letter-spacing:.5px;justify-content:space-between;margin:20px 0 10px;font-size:10px;display:flex}.parts-title span{color:#acb79f}.part-list{flex-direction:column;gap:4px;display:flex}.part-row{text-align:left;color:#829473;border:1px solid #0000;border-radius:5px;align-items:center;gap:11px;width:100%;padding:12px 10px;font-size:11px;display:flex}.part-row.active{color:#4d6b3c;background:#f0f4e7;border-color:#d7e1ca}.part-row:hover{background:#edf1e5}.swatch{border:1px solid #0000000a;border-radius:2px;flex-shrink:0;width:9px;height:9px}.part-row small{color:#a9b39f;font-size:9px}.part-chevron{color:#a7b498;margin-left:auto;font-size:13px}.part-list+.button{margin-top:25px}.model-facts{border-bottom:1px solid var(--line);align-items:start;gap:45px;padding:30px 0 32px;display:flex}.model-facts>div{min-width:110px}.model-facts strong{color:#617b51;font-size:18px;font-weight:400;display:block}.model-facts>div>span{color:#96a488;margin-top:9px;font-size:10px;display:block}.source-note{color:#8c9c7f;text-align:right;max-width:310px;margin-left:auto;font-size:10px;line-height:1.8}.source-note summary{cursor:pointer;color:#7d906f}.source-note p{text-align:left;margin:9px 0}.next-object{justify-content:space-between;align-items:center;margin:30px 0 42px;font-size:12px;display:flex}.next-object>span{color:#a0ac95;letter-spacing:1px;font-size:10px}.next-object a{color:#617d50}.lesson-head{justify-content:space-between;align-items:center;display:flex}.step-count{color:#698456;font-size:25px;font-weight:300}.step-count>span{color:#b2bba8;font-size:12px}.step-dots{gap:5px;margin:16px 0 23px;display:flex}.step-dot{background:#e0e7d7;border-radius:2px;flex:1;height:5px;position:relative}.step-dot:before{content:"";position:absolute;inset:-7px 0}.step-dot.current{background:#63864e}.step-dot.done{background:#a9bc97}.lesson-content>p{color:#829474;margin:0 0 20px;font-size:13px;line-height:1.95}.tip{border-top:1px solid var(--line);color:#8e9e80;gap:9px;padding:13px 0;display:flex}.tip>span{color:#9daf8f;font-size:18px;line-height:1.1}.tip p{margin:0;font-size:11px;line-height:1.8}.lesson-controls{gap:8px;margin-top:20px;display:flex}.lesson-controls .button{flex:1;gap:5px;padding:11px 8px;font-size:11px}.step-navigation{color:#6d8759;justify-content:space-between;align-items:center;margin-top:18px;font-size:11px;display:flex}.step-navigation button{padding:7px 0;font-size:11px}.step-navigation>span{color:#acb79f;font-size:10px}.parts-details{border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.parts-details summary{cursor:pointer;color:#819571;font-size:11px}.parts-details summary span{float:right;color:#a7b49b}.parts-details .part-list{padding-top:12px}.use-control{background:#e9f0de;border-radius:6px;margin-top:12px;padding:17px}.use-control label{color:#73905d;justify-content:space-between;font-size:11px;display:flex}.use-control input{width:100%;margin:13px 0 2px}.load-state{color:#80966d;z-index:5;background:#eef2e8;flex-direction:column;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.loading-spinner{border:2px solid #d4dfc8;border-top-color:#66864e;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.capture-stage{background:0 0;width:100vw;height:100vh;position:fixed!important;inset:0!important}.not-found{min-height:70vh;padding:100px 8%}.not-found h1{font-size:30px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1500px){.explorer{grid-template-columns:minmax(0,1fr) 340px}.stage-wrap{height:630px}}@media (max-width:1050px){.brand-en{display:none}.hero{gap:25px;min-height:500px;padding-top:40px}.hero-object{min-height:400px}.hero h1{font-size:34px}.explorer{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.stage-wrap{height:520px}.model-facts{gap:25px}.about-index,.stage-caption{display:none}}@media (max-width:760px){.site-header{height:68px;padding:0 20px}.site-header nav{gap:17px;font-size:11px}.preview-badge{display:none}.brand{gap:9px}.brand-icon{width:30px;height:30px}.brand strong{font-size:18px}.home,.detail{padding:0 20px}.hero{grid-template-columns:1fr;gap:28px;padding:36px 0 30px}.hero h1{letter-spacing:-1px;margin-top:18px;font-size:35px}.hero-copy>p{font-size:12px}.hero-index{margin-top:23px}.hero-object{min-height:350px}.hero-topline{top:20px;left:22px;right:22px}.hero-caption{bottom:20px;left:22px;right:22px}.collection{padding:20px 0 35px}.collection-heading{align-items:center;gap:20px}.collection h2{font-size:23px}.collection-heading .eyebrow{font-size:8px}.search{width:145px}.search input{font-size:10px}.filter-row{margin:20px 0}.collection-note{display:none}.filter{padding:7px 12px;font-size:11px}.model-grid{grid-template-columns:1fr;gap:30px}.card-image{height:280px}.card-info{padding-top:16px}.card-info h3{font-size:19px}.about-strip{gap:17px;padding:30px 0}.about-strip h2{font-size:15px}.about-strip p{font-size:11px}.about-mark{width:30px}.about-mark svg{width:30px;height:30px}footer{align-items:start;gap:25px;padding:25px 20px}footer>span{max-width:90px;line-height:1.8}.breadcrumbs{gap:9px;padding:21px 0;font-size:10px}.detail-heading{margin-bottom:20px;display:block}.detail-heading h1{font-size:28px}.detail-heading p{font-size:12px}.object-badges{margin-top:17px}.object-badges span{padding:5px 9px;font-size:9px}.mode-tabs{gap:23px;margin-bottom:16px}.mode-tabs button{padding-bottom:14px;font-size:12px}.tab-number{display:none}.explorer{grid-template-columns:1fr;gap:22px}.stage-wrap{height:390px}.stage-top{top:17px;left:15px;right:15px}.stage-control{gap:12px;height:55px;padding:0 17px}#stage{bottom:55px}.stage-tools{bottom:66px;right:12px}.stage-tools button{padding:7px 8px;font-size:9px}.view-hint{font-size:9px}.view-hint i{margin:0 6px}#sidebar{padding:0 3px}#sidebar h2{margin-top:14px;font-size:23px}.overview-copy{font-size:13px}.part-info p{font-size:12px}.part-row{padding:13px 10px;font-size:12px}.lesson-content>p{font-size:13px}.lesson-controls .button{font-size:12px}.lesson-head .eyebrow{font-size:9px}.step-dots{margin:12px 0 20px}.model-facts{flex-wrap:wrap;gap:25px;padding:30px 0}.model-facts>div{flex:1;min-width:0}.model-facts strong{white-space:nowrap;font-size:16px}.model-facts>div>span{font-size:9px}.source-note{text-align:left;width:100%;max-width:none;margin:0}.next-object{margin:25px 0 32px}.part-label{padding:6px 8px;font-size:9px}.use-control label{font-size:12px}.step-navigation button{padding:12px 0}.empty-state{padding:40px 10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero-object img,.card-image img{transition:none}}@media (max-width:760px){.stage-wrap{z-index:6;position:sticky;top:8px}}.overview-copy,.lesson-content>p,.hero-copy>p,.card-info p{color:#697960}.part-info p,.tip p{color:#708163}[data-preview]{isolation:isolate;position:relative}.quick-stage{z-index:2;visibility:hidden;position:absolute;inset:38px 0 10px}.quick-stage canvas{width:100%;height:100%;display:block}.preview-active .quick-stage{visibility:visible}.preview-active>img{visibility:hidden}.quick-controls{z-index:4;gap:6px;display:flex;position:absolute;top:14px;right:14px}.quick-controls button{color:#57714a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f9fbf4df;border:1px solid #cfd9c7;border-radius:7px;place-items:center;width:34px;height:34px;padding:8px;display:grid}.quick-controls svg{width:18px;height:18px}.quick-controls button:hover{background:#e5eddb}.quick-controls button[aria-pressed=true]{color:#315f4d;background:#dfead5}.quick-selection{z-index:3;color:#5c7750;pointer-events:none;background:#f9fbf4e8;border-radius:4px;padding:5px 8px;font-size:10px;position:absolute;bottom:14px;left:16px}.hero-object .quick-stage{inset:40px 0 78px}.hero-object .quick-selection{bottom:84px}.hero-object .hero-caption{z-index:4}.hero-object .hero-caption:hover strong{text-underline-offset:5px;text-decoration:underline}.hero-topline{pointer-events:none;right:105px}.card-image{height:330px}.card-image>img{pointer-events:none;width:100%;height:100%}.card-version{border:0;padding:0;font-size:9px;top:38px;left:22px;right:auto}.card-tags>a{color:#718462;border:1px solid #e0e4d9;border-radius:4px;padding:5px 8px;font-size:10px}.card-tags>a:hover{background:#e9efdf}.card-info:hover h3{color:#65834f}.model-card:hover img{transform:none}.hero-object>img{height:calc(100% - 60px);top:0}@media (max-width:760px){.hero-object{min-height:405px}.quick-controls{gap:5px;top:12px;right:12px}.quick-controls button{width:40px;height:40px}.card-image{height:335px}.card-tags>a{padding:8px 10px}.hero-topline{right:110px}}.language-toggle{color:#4f6c44;border:1px solid #d5decd;border-radius:5px;min-width:40px;min-height:34px;padding:5px 10px;font-size:11px}.publication-links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.publication-links a{color:#527245;border:1px solid #d1dcc7;border-radius:5px;align-items:center;gap:14px;padding:8px 12px;font-size:11px;display:inline-flex}.publication-links a:hover{background:#e6eedc}.detail>.publication-links{margin-top:20px}html[lang=en] .brand-en{display:none}html[lang=en] .hero h1{letter-spacing:-1.5px;font-size:clamp(34px,3.3vw,51px);line-height:1.25}html[lang=en] .hero h1>span{display:inline}html[lang=en] .brand strong{letter-spacing:-.5px}html[lang=en] .mode-tabs{gap:22px}html[lang=en] .part-label{white-space:normal;text-align:left;max-width:175px}html[lang=en] #sidebar h2{font-size:23px}html[lang=en] .card-info h3{line-height:1.3}@media (max-width:760px){.site-header nav{gap:12px}.site-header nav>a[href="#/about"]{display:none}.language-toggle{min-width:36px;padding:5px 8px}html[lang=en] .brand strong{font-size:17px}html[lang=en] .hero h1{font-size:37px}html[lang=en] .mode-tabs{gap:19px}html[lang=en] .model-facts strong{font-size:14px}html[lang=en] .model-facts{gap:15px}}.site-header{gap:20px}.site-header nav{flex-shrink:0}.brand{gap:12px;min-width:0}.brand-icon{background:0 0;border-radius:0;flex-shrink:0;width:36px;height:36px;padding:0;display:block}.brand-icon img{width:100%;height:100%;display:block}.brand-copy{min-width:0}.brand-copy strong{letter-spacing:.2px;color:#293d33;font-size:19px;font-weight:500;line-height:1.4;display:block}html[lang=en] .brand-copy strong{letter-spacing:0;font-size:18px}.about-mark{flex-shrink:0;width:46px;display:block}.about-mark img{width:100%;height:auto;display:block}@media (max-width:760px){.site-header{gap:12px;height:74px}.brand{gap:9px}.brand-icon{width:32px;height:32px}.brand-copy strong{letter-spacing:0;font-size:16px;line-height:1.3}html[lang=en] .brand-copy strong{font-size:15px}.about-mark{width:34px}}.part-info:empty,.stage-control:empty{display:none}.stage-wrap:has(.stage-control:empty) #stage{bottom:0}.stage-wrap:has(.stage-control:empty) .stage-tools{bottom:14px}.stage-top{justify-content:flex-end}.collection{padding-bottom:48px}.step-dots{margin-top:8px}.guide-switch{background:#eef2e9;border:1px solid #dce3d5;border-radius:8px;gap:4px;margin:0 0 24px;padding:4px;display:flex}.guide-switch button{border-radius:5px;flex:1;padding:10px 12px;font-size:13px}.guide-switch button.active{color:var(--green);background:#fff;font-weight:600;box-shadow:0 1px 4px #20352210}.stage-tools{gap:7px;display:flex;top:14px;bottom:auto;right:14px}.stage-wrap:has(.stage-control:empty) .stage-tools{gap:7px;display:flex;top:14px;bottom:auto;right:14px}.stage-tools button{border-radius:7px;place-items:center;width:36px;height:36px;padding:8px;display:grid}.stage-tools svg{width:19px;height:19px}.stage-tools button[aria-pressed=true]{background:#e4ecd9}.stage-top{justify-content:flex-start;left:16px;right:150px}.overview-copy:first-child{margin-top:0}@media (max-width:760px){.mode-tabs,html[lang=en] .mode-tabs{gap:26px}.mode-tabs button{font-size:13px}.stage-tools{gap:5px;top:12px;right:12px}.stage-wrap:has(.stage-control:empty) .stage-tools{gap:5px;top:12px;right:12px}.stage-tools button{width:36px;height:36px}.guide-switch{margin-bottom:20px}.stage-top{right:140px}}[data-preview]>img,[data-preview]>.quick-snapshot{object-fit:contain;pointer-events:none;width:100%;height:calc(100% - 48px);transition:none;position:absolute;inset:38px 0 10px;transform:none}.hero-object>img,.hero-object>.quick-snapshot{height:calc(100% - 118px);inset:40px 0 78px}.quick-snapshot{z-index:1}.quick-snapshot canvas{object-fit:contain;width:100%;height:100%;display:block}.preview-snapshot>img,.preview-active>.quick-snapshot{visibility:hidden}[data-preview]:hover>img{transform:none}.detail-poster{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.readable-guide{max-width:1280px;margin:0 auto 3rem;padding:0 32px;line-height:1.8}.readable-guide summary{cursor:pointer;color:var(--ink);padding:16px 0}.readable-guide h2{margin:2rem 0 1rem}.readable-guide h3{font-size:1rem}.readable-guide li{margin:1.3rem 0;scroll-margin-top:90px}.readable-guide dt{font-weight:600}.readable-guide dd{margin:0 0 1rem}.readable-guide a{text-underline-offset:3px;text-decoration:underline}@media (max-width:600px){.readable-guide{padding:0 20px}}