#suase-workshop{font-family:Arial,"PingFang SC",sans-serif}#suase-workshop *{box-sizing:border-box}#suase-workshop [hidden]{display:none!important}#suase-workshop button{cursor:pointer;font-family:inherit}#suase-workshop a{color:inherit}#suase-workshop :focus-visible{outline:3px solid #fbce70;outline-offset:4px}
#suase-workshop{position:relative;overflow:hidden;background:#21323e;color:#fff;margin:auto;width:100%;min-height:320px;aspect-ratio:16/9;container-type:inline-size;border-radius:5px;isolation:isolate}
#suase-workshop .hero-scene{position:absolute;inset:0;overflow:hidden;background:#21323e}
#suase-workshop .poster{display:contents}#suase-workshop .poster img,#suase-workshop .workshop-video{position:absolute;display:block;max-width:none;object-fit:fill}
#suase-workshop .workshop-video{opacity:0;pointer-events:none}#suase-workshop[data-media-ready="true"] .workshop-video{opacity:1}
#suase-workshop .hero-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#11212e85,transparent 17%,transparent 77%,#14232d85);z-index:1}
#suase-workshop .hero-nav{position:absolute;left:4%;right:4%;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:8}
#suase-workshop .brand-logo{width:clamp(106px,11cqw,175px);height:auto;display:block}
#suase-workshop .hero-nav nav{display:flex;align-items:center;gap:clamp(12px,2.4cqw,40px);font-size:clamp(11px,1.1cqw,17px);font-weight:600;letter-spacing:.035em}
#suase-workshop .hero-nav a{text-decoration:none}#suase-workshop .hero-nav button{border:0;background:none;color:#fff;font-size:inherit;padding:10px 0;font-weight:600;letter-spacing:inherit}
#suase-workshop .language-link{font-size:12px;white-space:nowrap}#suase-workshop .mobile-menu-toggle{display:none}
#suase-workshop #process-menu{position:absolute;z-index:10;right:4%;top:66px;background:#142a37f5;border:1px solid #66808c;border-radius:6px;box-shadow:0 8px 28px #0005;display:grid;grid-template-columns:1fr 1fr;padding:10px;max-width:420px;gap:4px}
#suase-workshop #process-menu a{display:block;padding:11px 12px;color:#fff;font-size:13px;text-decoration:none;border-radius:3px}#suase-workshop #process-menu a:hover{background:#385565}
#suase-workshop .brand-copy{position:absolute;left:5%;right:5%;bottom:1.8%;text-align:center;z-index:3;pointer-events:none}
#suase-workshop .brand-copy h1{font-size:clamp(23px,2.6cqw,46px);line-height:1.1;letter-spacing:-.025em;margin:0 0 6px;font-weight:700}
#suase-workshop .brand-copy p{font-size:clamp(11px,1.2cqw,21px);line-height:1.35;margin:0}
#suase-workshop .playback-controls{position:absolute;left:4%;bottom:2.5%;z-index:6;display:flex;gap:8px;align-items:center;max-width:28%;font-size:11px}
#suase-workshop .motion-toggle{display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:36px;padding:7px 10px;background:#152b38e8;border:1px solid #738996;border-radius:4px;color:#fff;font-size:11px}
#suase-workshop .motion-icon{font-size:11px;min-width:11px}#suase-workshop .motion-status{font-size:11px;line-height:1.4}
#suase-workshop .noscript-note{position:relative;padding:10px;background:#16303d;z-index:10}
#suase-workshop[data-mobile="true"]{max-width:none}
#suase-workshop[data-mobile="true"] .hero-nav{height:64px!important;left:18px;right:18px}
#suase-workshop[data-mobile="true"] .brand-logo{width:115px}
#suase-workshop[data-mobile="true"] .hero-nav nav,#suase-workshop[data-mobile="true"] .language-link{display:none}
#suase-workshop[data-mobile="true"] .mobile-menu-toggle{display:block;font-size:11px}
#suase-workshop[data-mobile="true"] .brand-copy{top:89px;bottom:auto;left:14px;right:14px}
#suase-workshop[data-mobile="true"] .brand-copy h1{font-size:29px;margin-bottom:9px}
#suase-workshop[data-mobile="true"] .brand-copy p{font-size:13px;line-height:1.4}
#suase-workshop[data-mobile="true"] .process-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:absolute;left:18px;right:18px}
#suase-workshop .process-grid button{min-height:44px;background:#2d4553;border:1px solid #66808c;color:#fff;font-size:12px;padding:8px 5px;border-radius:4px}
#suase-workshop .process-grid button[aria-pressed="true"]{background:#405e6d;border-color:#fff}
#suase-workshop .process-grid button:last-child{grid-column:span 2}
#suase-workshop[data-mobile="true"] .playback-controls{bottom:16px;left:18px;right:18px;max-width:none}
#suase-workshop[data-mobile="true"] #process-menu{left:12px;right:12px;top:61px;padding:8px}#suase-workshop[data-mobile="true"] #process-menu a{font-size:12px;padding:10px 8px}
@media(prefers-reduced-motion:reduce){#suase-workshop *{scroll-behavior:auto;transition:none!important}}

#suase-workshop .process-grid{display:none}
#suase-workshop[data-mobile="true"] .hero-shade{display:none}
/* v19.1: gentle card transitions, persistent content and process line icons. */
#suase-workshop [hidden]{display:none!important}
#suase-workshop .hotpoint{position:absolute;z-index:4;width:32px;height:32px;transform:translate(-50%,-50%);padding:0;border:0;border-radius:50%;background:transparent;touch-action:manipulation}
#suase-workshop .hotpoint::before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:50%;background:#c82840;box-shadow:0 0 0 1px #21323eb3;pointer-events:none}
#suase-workshop .hotpoint::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;border:1px solid #f6c6cf;border-radius:50%;pointer-events:none;opacity:0;animation:suase-ripple 3.6s cubic-bezier(.2,.6,.3,1) var(--pulse-delay,0s) infinite}
#suase-workshop .hotpoint[data-active="true"]::before{background:#fff;border-color:#c92c42;box-shadow:0 0 0 2px #c92c4250}
#suase-workshop .hotpoint[data-active="true"]::after{border-color:#fff}
#suase-workshop .hotpoint:focus-visible{outline:2px solid #fff;outline-offset:0}
#suase-workshop .process-popover{position:absolute;z-index:7;width:252px;box-sizing:border-box;padding:14px;background:#152935fa;color:#f8fafb;border:1px solid #78909c80;border-radius:8px;box-shadow:0 8px 24px #06131d40;font:12px/1.5 Arial,"PingFang SC",sans-serif;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity 160ms ease,transform 160ms ease}
#suase-workshop .process-popover[data-visible="true"]{opacity:1;transform:translateY(0);pointer-events:auto;transition-duration:240ms;transition-timing-function:cubic-bezier(.2,.7,.3,1)}
#suase-workshop .popover-header{display:flex;gap:10px;align-items:flex-start;margin-bottom:7px}
#suase-workshop .popover-header h2{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font:600 15px/1.3 Arial,sans-serif;letter-spacing:0;margin:1px 0 0}
#suase-workshop .process-icon{display:grid;place-items:center;flex:0 0 26px;height:26px;border:1px solid #efaab626;border-radius:5px;background:#efaab60d;color:#efaab6}
#suase-workshop .process-icon svg{display:block}
#suase-workshop .process-title-text{min-width:0}
#suase-workshop .close-popover{display:grid;place-items:center;flex:0 0 26px;height:26px;margin:-5px -5px 0 0;padding:0;border:0;border-radius:4px;background:transparent;color:#bbcbd4;font-size:22px;line-height:1;cursor:pointer}
#suase-workshop .close-popover:hover{color:white;background:#ffffff12}
#suase-workshop .popover-copy{margin:0 0 10px;color:#c5d2da;font-size:12px;line-height:1.5}
#suase-workshop .process-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 12px}
#suase-workshop .process-tags span{display:flex;align-items:center;justify-content:center;min-width:0;min-height:22px;padding:3px 4px;border:1px solid #8ca1ad30;border-radius:3px;color:#a9bfcc;font-size:10px;line-height:1.4;white-space:nowrap}
#suase-workshop .process-tags span:last-child{grid-column:1 / -1}
#suase-workshop .popover-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #a2b6c126;padding-top:10px}
#suase-workshop .process-link{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:32px;font-size:12px;font-weight:600;text-decoration:none;color:#fff;white-space:nowrap;transition:color 220ms ease}
#suase-workshop .process-link span{display:inline-block;margin-right:3px;color:#efaab6;font-size:18px;line-height:1;transform:translate(0,0);transition:transform 220ms cubic-bezier(.2,.7,.3,1),color 220ms ease}
#suase-workshop .process-link:is(:hover,:focus-visible){color:#f6cad2}
#suase-workshop .process-link:is(:hover,:focus-visible) span{transform:translate(4px,0);color:#fff}
#suase-workshop[data-mobile="true"] .process-link{min-height:44px}
#suase-workshop .hotspot-connector{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible;opacity:0;transition:opacity 160ms ease}
#suase-workshop[data-popup="open"] .hotspot-connector{opacity:1;transition-duration:240ms}
#suase-workshop .hotspot-connector path{stroke:#d8a5b2;stroke-width:1;fill:none;opacity:.65}
#suase-workshop .process-grid button[data-active="true"]{background:#405e6d;border-color:#fff}
#suase-workshop[data-playing="false"] .hotpoint::after{animation-play-state:paused}
#suase-workshop[data-mobile="true"] .process-popover{padding:15px}
@media(pointer:coarse){#suase-workshop .hotpoint{width:44px;height:44px}}
@keyframes suase-ripple{0%{opacity:0;transform:translate(-50%,-50%) scale(.58)}10%{opacity:.64}65%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}
@media(prefers-reduced-motion:reduce){#suase-workshop *,#suase-workshop *::before,#suase-workshop *::after{animation:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){#suase-workshop .process-link span{transform:none!important}}

/* Chinese typography; the approved layout and motion remain shared. */
#suase-workshop[lang="zh-CN"]{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}
#suase-workshop[lang="zh-CN"] .brand-copy h1{font-size:clamp(28px,3cqw,46px);line-height:1.2;letter-spacing:.12em}
#suase-workshop[lang="zh-CN"] .brand-copy p{letter-spacing:.08em;line-height:1.5}
#suase-workshop[lang="zh-CN"] .popover-header h2{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.5}
#suase-workshop[lang="zh-CN"] .popover-copy{font-size:13px;line-height:1.7}
#suase-workshop[lang="zh-CN"] .process-tags span{font-size:11px;line-height:14px}
#suase-workshop[lang="zh-CN"] .process-link{font-size:13px;letter-spacing:.04em}
#suase-workshop[lang="zh-CN"] .process-grid button{font-size:13px}
#suase-workshop[lang="zh-CN"][data-mobile="true"] .brand-copy h1{font-size:32px}
#suase-workshop[lang="zh-CN"][data-mobile="true"] .brand-copy p{font-size:14px}

/* Load after component.css. Scoped to the workshop; agency-1 behavior is preserved. */
#suase-workshop .hotpoint{
 width:48px;height:48px;
 background:radial-gradient(circle,transparent 12px,#193643b8 12px,#193643b8 13px,#fffffff0 13px,#fffffff0 14.5px,#19364388 14.5px,#19364388 15.5px,transparent 15.5px);
 transition:filter .18s ease;
}
#suase-workshop .hotpoint::before{
 width:10px;height:10px;border:1.5px solid #fff;background:#d12642;
 box-shadow:0 0 0 1px #183441b3,0 1px 4px #0b263b55;
}
#suase-workshop .hotpoint::after{
 width:30px;height:30px;border:1px solid #fff;
 animation:suase-discover-ripple 3.8s ease-out var(--pulse-delay,0s) infinite;
}
#suase-workshop .hotpoint:hover,#suase-workshop .hotpoint:focus-visible{filter:drop-shadow(0 0 4px #fff9)}
#suase-workshop .hotpoint[data-active="true"]::before{background:#fff;border-color:#d12642;box-shadow:0 0 0 2px #d1264266}
#suase-workshop[data-playing="false"] .hotpoint::after{animation-play-state:running}
#suase-workshop .workshop-interaction-hint{
 position:absolute;right:4%;top:clamp(72px,6cqw,116px);z-index:4;display:flex;align-items:center;gap:8px;
 margin:0;padding:0;color:#f3f7fa;font-size:13px;line-height:1.5;letter-spacing:.03em;pointer-events:none;
 text-shadow:0 1px 3px #081a2acc;
}
#suase-workshop .workshop-interaction-hint::before{content:"";width:13px;height:13px;border:1px solid #fff;border-radius:50%;background:radial-gradient(circle,#dc3750 0 2px,transparent 3px);flex:none}
#suase-workshop[data-mobile="true"] .workshop-interaction-hint{display:none}
@keyframes suase-discover-ripple{
 0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}
 12%{opacity:.5}
 72%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}
}
@media(prefers-reduced-motion:reduce){#suase-workshop .hotpoint,#suase-workshop .hotpoint::after{animation:none!important;transition:none!important}}

/* v20 integration: keep the full width frame and header reservation explicit. */
#suase-workshop{display:block;text-align:left}
#suase-workshop[data-full-bleed="true"]{width:var(--suase-viewport-width,100vw);max-width:none;left:50%;transform:translateX(-50%);margin:0;border-radius:0}
#suase-workshop .workshop-interaction-hint{top:calc(var(--workshop-nav-height,88px) + 12px)}
#suase-workshop .brand-copy p,#suase-workshop .popover-copy{padding:0}
body.home #ajax-content-wrap>.container-wrap:has(#suase-workshop){padding-top:0}






:root{--ink:#1e3040;--muted:#687c8b;--line:#e0e6eb;--accent:#0488a4;--blue:#235daa;color-scheme:light}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #13a6c0;outline-offset:3px}.module{width:100%;padding:24px;display:grid;grid-template-columns:clamp(320px,36%,416px) minmax(0,1fr);grid-template-areas:'intro stage' 'controls stage' 'cta stage';grid-template-rows:auto 1fr auto;gap:16px 24px;min-height:744px;box-shadow: rgba(0, 0, 0, .04) 0 1px 0, rgba(0, 0, 0, .05) 0 2px 7px, rgba(0, 0, 0, .06) 0 12px 22px;border-radius: 20px;margin-top: calc(100vw * 0.05);margin-bottom: calc(100vw * 0.05);}.card{background:#f7f8fa;border:1px solid var(--line);border-radius:16px;box-shadow:0 3px 7px #213c4d06}.intro{grid-area:intro;padding:26px 28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#0488a4;line-height:1.6;display:flex;align-items:center;gap:8px}.eyebrow::before{content:'';width:5px;height:5px;border-radius:50%;background:#21b6cd;flex:none}h2{margin:16px 0 13px;font-size:clamp(32px,2.8vw,38px);line-height:1.06;letter-spacing:-1.2px;font-weight:730}h2 span{color:#869aa8}.intro p{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 19px;max-width:350px}.specs{display:grid;grid-template-columns:1.15fr 1.15fr .55fr;gap:10px;border-top:1px solid var(--line);padding-top:15px}.specs dt{color:#8496a5;font-size:9px;font-weight:650;letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px}.specs dd{margin:0;font-size:13px;font-weight:650;white-space:nowrap}.specs dl{margin:0}.controls{grid-area:controls;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.section-label{font-size:9px;letter-spacing:1.6px;color:#8194a1;font-weight:650;margin-bottom:10px}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.view-grid button{border:1px solid #d5dfe5;border-radius:7px;background:#fff8;color:#405c6d;font-size:11px;min-height:40px;display:flex;align-items:center;gap:9px;padding:9px 11px;text-align:left}.view-grid button span{font-size:9px;color:#8ea1ad}.view-grid button[aria-pressed=true]{background:#dfedf1;color:#046c85;border-color:#85b6c1}.motion{border-top:1px solid var(--line);padding-top:12px}.label{display:flex;justify-content:space-between;font-size:11px;font-weight:600}.label output{color:var(--accent);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:20px;margin:8px 0 10px;accent-color:var(--accent);cursor:ew-resize}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:#233c4d;color:#fff;border-radius:7px;min-height:42px;padding:11px 13px;font-size:11px;font-weight:650}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.secondary{min-height:40px;border:1px solid #ccd9e1;background:transparent;border-radius:7px;color:#355368;padding:9px 6px;font-size:11px}.motion-status{display:flex;justify-content:space-between;gap:12px;font-size:9px;line-height:1.5;color:#788e9d;margin-top:10px}.motion-status output{color:var(--accent);font-variant-numeric:tabular-nums}.footnote{font-size:9px;line-height:1.5;color:#8a9ba7;margin:7px 0 0}.project-cta{grid-area:cta;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px;padding:17px 25px;color:#fff;background:linear-gradient(110deg,#079ab9,#245dae);text-decoration:none;border:1px solid #58aec566;border-radius:14px;box-shadow:0 7px 18px #087db321;transition:background .2s,box-shadow .2s}.project-cta small{display:block;color:#cdeef5;font-size:9px;letter-spacing:2px;font-weight:650;margin-bottom:6px}.project-cta strong{font-size:19px;letter-spacing:.4px;font-weight:700}.project-cta .arrow{width:38px;height:38px;border-radius:50%;border:1px solid #d7f5ff5c;display:grid;place-items:center;font-size:23px;flex:none;transition:transform .2s}.project-cta:hover{box-shadow:0 9px 24px #087db333}.project-cta:hover .arrow{transform:translateX(3px)}.stage{grid-area:stage;position:relative;isolation:isolate;min-width:0;min-height:660px;border:1px solid #dbe4ec;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 45% 30%,#f5f6f8,#dfe4e9)}.stage[data-theme=dark]{background:radial-gradient(ellipse at 45% 36%,#293644,#101a24 70%,#0b121b);border-color:#233441}#canvasHost{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:pan-y}#poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#15222d;pointer-events:none}.stage.ready #poster{visibility:hidden}.stage-top{position:absolute;z-index:3;left:23px;right:17px;top:21px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;pointer-events:none}.stage-top>*{pointer-events:auto}.viewtitle{font-size:9px;line-height:1.6;letter-spacing:1.3px;font-weight:650;color:#587483}#viewNote{margin-top:5px;font-size:11px;line-height:1.55;color:#708794;max-width:280px}.stage[data-theme=dark] .viewtitle{color:#bed0dc}.stage[data-theme=dark] #viewNote{color:#8ca5b6}.stage-tools{display:flex;gap:6px;flex:none}.tool,.settings summary{display:grid;place-items:center;width:34px;height:34px;border:1px solid #6b87994d;border-radius:50%;background:#eef4f8dd;color:#345165;font-size:18px;list-style:none}.settings summary::-webkit-details-marker{display:none}.settings summary svg{width:16px;height:16px}.settings{position:relative}.settings-panel{position:absolute;right:0;top:44px;width:217px;background:#f8fafc;border:1px solid #dbe5ec;border-radius:12px;box-shadow:0 12px 35px #0003;padding:17px;color:#2e4b5c}.settings-panel .settings-label{font-size:10px;font-weight:650;margin-bottom:10px}.theme{display:grid;grid-template-columns:1fr 1fr;gap:5px}.theme button,.finish button{border:1px solid #d2e0e6;border-radius:6px;background:transparent;color:#526f80;font-size:10px;min-height:35px;padding:7px 3px}.theme button[aria-pressed=true],.finish button[aria-pressed=true]{background:#deedf2;color:#12677d;border-color:#85b8c5}.toggle{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;margin:15px 0}.switch{border:0;width:35px;height:21px;padding:3px;background:#b9c9d4;border-radius:20px;flex:none}.switch::after{content:'';display:block;width:15px;height:15px;border-radius:50%;background:white;transition:transform .2s}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]::after{transform:translateX(14px)}.finish{display:grid;grid-template-columns:1fr 1fr;gap:5px}.reset{border:0;background:transparent;color:#4a6a7b;font-size:11px;padding:14px 0 0}.stage-bottom{position:absolute;z-index:3;bottom:20px;left:23px;right:19px;display:flex;justify-content:space-between;gap:12px;align-items:center;pointer-events:none}.hint{font-size:9px;line-height:1.5;color:#628093;background:#eaf0f5a8;border:1px solid #899faa20;backdrop-filter:blur(8px);padding:10px 12px;border-radius:24px}.stage[data-theme=dark] .hint{background:#1d2e3bb8;color:#a6bfcd}.zoom{display:flex;gap:5px;pointer-events:auto}.zoom button{width:33px;height:33px;border-radius:50%;border:1px solid #8aa1b04d;background:#e6eef2df;color:#294d64;font-size:19px}.status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#loadPanel{position:absolute;z-index:4;left:50%;top:56%;transform:translate(-50%,-50%);border:1px solid #94aebb55;background:#13242de8;backdrop-filter:blur(12px);border-radius:12px;padding:20px;min-width:235px;max-width:90%;text-align:center;box-shadow:0 12px 36px #0002}#start{border:1px solid #47a7ba60;color:#fff;background:linear-gradient(110deg,#0b91ac,#215d9e);border-radius:7px;padding:13px 20px;font-size:12px;font-weight:650;width:100%;white-space:nowrap}#loadText{font-size:10px;color:#aec5d1;line-height:1.6;margin:10px 0 0}.stage.ready #loadPanel{display:none}.stage:not(.ready) .stage-tools,.stage:not(.ready) .stage-bottom{visibility:hidden}.full-controls,.fullscreen-project{display:none}.stage:is(:fullscreen,body.expanded .stage){border:0;border-radius:0;min-height:0}.stage:is(:fullscreen,body.expanded .stage) .full-controls{display:flex;position:absolute;z-index:5;bottom:76px;left:50%;transform:translateX(-50%);align-items:center;flex-direction:column;gap:11px;max-width:95%;width:max-content}.full-controls>div{display:flex;gap:7px;padding:8px;background:#20303ddd;backdrop-filter:blur(12px);border:1px solid #7b94a650;border-radius:11px}.full-controls button{background:#334c5d;color:#e9f2f7;border:1px solid #698a9d55;border-radius:6px;font-size:12px;padding:10px 14px;white-space:nowrap}.full-controls span{font-size:11px;color:#9eb5c5}.stage:is(:fullscreen,body.expanded .stage) .fullscreen-project{display:block;position:absolute;right:19px;top:79px;z-index:5;border:1px solid #579eb4;background:#20567c;color:#eff8ff;text-decoration:none;padding:11px 15px;border-radius:7px;font-size:11px}
@media(min-width:1100px){.view-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.view-grid button{display:block;text-align:center;padding:8px 5px;font-size:10px;min-height:44px}.view-grid button span{display:none}}
@media(max-width:1050px){.module{grid-template-columns:clamp(290px,36%,360px) minmax(0,1fr);gap:16px 20px}.intro{padding:24px}.controls{padding:20px}.stage-top{left:19px;right:14px}.viewtitle{font-size:8px;letter-spacing:1px}#viewNote{font-size:10px}.project-cta{padding:17px 22px}}
@media(max-width:899px){.module{padding:18px;grid-template-columns:1fr 1fr;grid-template-areas:'intro intro' 'stage stage' 'controls cta';grid-template-rows:auto auto auto;gap:16px;min-height:0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;padding:24px}.intro .eyebrow{grid-column:1/-1}.intro h2{font-size:32px;grid-row:2/4;margin:9px 0 0}.intro h2 br:first-child{display:none}.intro p{margin:9px 0 8px;font-size:12px}.specs{padding-top:11px}.specs dd{font-size:12px}.stage{height:430px;min-height:430px}.project-cta{align-self:start;min-height:86px}.controls{padding:21px}.stage-tools .tool,.settings summary{width:36px;height:36px}.hint{font-size:10px}.zoom button{width:36px;height:36px}}
@media(max-width:560px){.module{padding:12px;grid-template-columns:minmax(0,1fr);grid-template-areas:'intro' 'stage' 'controls' 'cta';gap:12px}.intro{display:block;padding:22px}.intro h2{font-size:30px;line-height:1.07;margin:13px 0 12px;letter-spacing:-.9px}.intro h2 br:first-child{display:none}.intro h2 span{display:block}.intro p{font-size:11px;margin:0 0 15px}.eyebrow{font-size:8px;letter-spacing:1.6px}.specs{padding-top:13px}.specs dd{font-size:12px}.stage{height:380px;min-height:380px}.stage-top{top:16px;left:17px;right:13px}.viewtitle{font-size:8px;letter-spacing:.6px}#viewNote{font-size:10px;max-width:205px}.stage-tools{gap:5px}.tool,.settings summary{width:33px!important;height:33px!important}.controls{padding:20px}.view-grid button{min-height:43px;font-size:11px}.primary,.secondary{min-height:43px;font-size:11px}.project-cta{padding:17px 22px;min-height:80px}.project-cta strong{font-size:19px}.stage-bottom{left:15px;right:13px;bottom:15px;gap:8px}.hint{font-size:8px;padding:9px 10px;max-width:210px}.zoom button{width:31px;height:31px}.settings-panel{width:204px}.stage:is(:fullscreen,body.expanded .stage) .full-controls{bottom:73px;width:92%}.full-controls>div{flex-wrap:wrap;justify-content:center}.full-controls button{padding:8px 10px;font-size:11px}#loadPanel{min-width:214px;padding:17px}.stage:is(:fullscreen,body.expanded .stage) .fullscreen-project{top:70px}}
body.expanded .module{display:block;padding:0;min-height:0;height:100dvh}body.expanded .module>.intro,body.expanded .module>.controls,body.expanded .module>.project-cta{display:none}body.expanded .stage{width:100%;height:100dvh;min-height:0}
.full-controls button[aria-pressed=true]{background:#35657a;border-color:#86bccb;color:#fff}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Chinese typography: preserve the established module grid and model viewport. */
.intro h2{font-size:32px;line-height:1.3;letter-spacing:0;word-break:keep-all}.intro h2 br:first-child{display:initial}.intro h2 span{display:inline}
.eyebrow{font-size:11px;letter-spacing:1.2px}.section-label{font-size:10px;letter-spacing:1px}.specs dt{font-size:10px;letter-spacing:.4px}.project-cta small{font-size:10px;letter-spacing:1px}.project-cta strong{font-size:21px;letter-spacing:1px}.viewtitle{font-size:10px;letter-spacing:.8px}#viewNote{font-size:11px}.footnote,.motion-status{font-size:10px}
@media(max-width:899px){.intro h2{font-size:30px}.intro .specs{align-self:center}.viewtitle{font-size:10px}}
@media(max-width:560px){.intro h2{font-size:29px;line-height:1.32;margin:13px 0 16px}.eyebrow{font-size:10px;letter-spacing:1px}.project-cta strong{font-size:21px}.viewtitle{font-size:10px}.hint{font-size:9px}#viewNote{font-size:10px;max-width:180px}}