/* White showroom edition: shared layout is in styles.css. */
:root{color-scheme:light;--bg:#fff;--surface:#f6f7f9;--ink:#191b20;--text:#191b20;--muted:#72767e;--line:#e7e8ec;--accent:#e82127;--accent-text:#d91d26}
body{background:var(--bg);color:var(--ink)}::selection{background:#ffdce0;color:#a50e18}
[hidden]{display:none!important}button,input{font:inherit}button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e8212755;outline-offset:5px}
.container{width:min(1280px,calc(100% - 112px))}
.site-header{height:88px;position:sticky;top:0;z-index:10;background:#ffffffed;backdrop-filter:blur(20px);border-color:var(--line)}
.brand-mark{display:grid;place-items:center;background:#090909;width:45px;height:45px;overflow:hidden;border-radius:13px;transform:none;box-shadow:0 5px 14px #e8212720;transition:transform .25s,box-shadow .25s;color:#fff}
.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.brand:hover .brand-mark{transform:rotate(-4deg);box-shadow:0 6px 20px #e8212738}
.brand-name{font-weight:750;letter-spacing:1px}.nav-link{color:#646870}.header-download{border-color:#dedfe3;border-radius:30px;color:#424852}.header-download:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.reading-progress{position:fixed;top:87px;left:0;width:100%;height:2px;z-index:11;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero{grid-template-columns:1fr 1.2fr;min-height:650px;isolation:isolate}.hero-copy{padding-top:100px;pointer-events:none}.hero-copy a{pointer-events:auto}
.eyebrow{color:#747880}.eyebrow-line{background:#c9cbd1}h1{font-weight:750;font-size:clamp(44px,4.65vw,67px)}
.highlight,.period,.note-spark,.studio-copy h2>span,.download-intro h2>span,.closing-star{color:var(--accent-text)}.hero-description{color:#777b83;font-size:14px}.text-link{color:#535761}.hero-platforms{color:#8b8f98}.tiny-divider{background:#d5d7dd}.hero-bottom{color:#a4a7ad}
.button-primary{box-shadow:0 7px 20px #e8212717}.button-primary:hover{background:#d51b22;box-shadow:0 10px 25px #e8212730}.text-link span{display:inline-block;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}
.visual-stage{clip-path:none;--hero-glow:#f8e6e8}.visual-coordinate{top:39px;color:#a0a3ab}.stage-word{top:90px;left:20px;font-size:clamp(90px,12vw,170px);color:#f2f3f5;z-index:-1}
.stage-orbit{inset:110px 0 auto auto;width:440px;max-width:90%;aspect-ratio:1;height:auto;border-color:#e9e9ed;transform:none;background:radial-gradient(ellipse,var(--hero-glow),transparent 68%);z-index:-1}
.car-photo{left:-110px;right:-40px;top:126px;height:410px;pointer-events:none;mix-blend-mode:multiply;background:none;z-index:0}
.car-photo:before{content:"";position:absolute;left:9%;right:7%;height:12%;bottom:9%;background:radial-gradient(ellipse,#26304030,transparent 70%);filter:blur(12px)}
.car-photo img{width:100%;height:100%;object-fit:contain;transition:filter .65s,transform .6s;transform:translateY(var(--car-offset,0px))}
.visual-stage[data-hero-color=graphite]{--hero-glow:#e6e8ec}.visual-stage[data-hero-color=graphite] .car-photo img{filter:grayscale(1) brightness(.8)}
.visual-stage[data-hero-color=silver]{--hero-glow:#f0f2f6}.visual-stage[data-hero-color=silver] .car-photo img{filter:grayscale(1) brightness(1.4)}
.creative-note{top:97px;left:25px}.creative-note div{color:#878b93}.creative-note strong{color:#454a54}
.hero-customizer{position:absolute;bottom:66px;left:35px;right:0;display:flex;align-items:center;gap:22px;z-index:3}.hero-customizer>div:first-child{min-width:105px}
.hero-customizer .mono{display:block;font-size:7px;letter-spacing:1.2px;color:#a1a4ab;margin-bottom:6px}.hero-customizer strong{font-size:12px;font-weight:600}
.hero-colors{display:flex;gap:13px}.hero-colors button{width:28px;height:28px;border-radius:50%;border:3px solid #fff;background:var(--accent);padding:0;box-shadow:0 0 0 1px #e0e1e6;transition:box-shadow .2s,transform .2s}
.hero-colors [data-hero-paint=graphite]{background:#494d55}.hero-colors [data-hero-paint=silver]{background:linear-gradient(135deg,#e6e9ec,#b0b6c0)}
.hero-colors button[aria-pressed=true]{box-shadow:0 0 0 1px var(--accent),0 0 0 5px #fff;transform:scale(1.1)}.hero-colors button:hover{transform:translateY(-3px)}
.customizer-hint{color:#9498a1;font-size:9px;margin-left:auto}.design-label{color:#a0a4ab;font-size:8px}
.feature-rail{background:#fafafb}.rail-inner>span:not(.rail-heading){color:#686d77}.rail-inner .icon{color:#7b818b}.rail-heading{border-color:#dedfe5}.rail-heading>span{color:#a0a4ab}
.section-kicker{color:#91959e}.feature-card,.feature-sound,.feature-guide{border-color:var(--line);background:#f8f9fb;border-radius:15px;transition:transform .3s,border-color .3s,box-shadow .3s}
.feature-card:hover{border-color:#e8212740;box-shadow:0 20px 45px #23293709}.card-chip{border-color:#dfe1e6;color:#656b76}.round-arrow{border-color:#dfe1e6}.feature-card:hover .round-arrow{background:var(--accent);color:#fff;border-color:var(--accent)}
.wrap-art-word{color:#e2e5eb}.mini-car svg{filter:drop-shadow(0 14px 10px #33333320)}.mini-car{transition:transform .4s}.feature-wrap:hover .mini-car{transform:rotate(-4deg) translateX(-5px)}
.card-copy h3{font-weight:600}.card-copy p,.feature-sound .card-copy p{color:#818691}
.record-disc{box-shadow:0 14px 25px #282e3822}.sound-bars i{background:#e8212770}.sound-caption{color:#989da6}
.feature-sound:hover .record-disc{animation:disc-spin 9s linear infinite}.feature-sound:hover .sound-bars i{animation:wave .8s ease-in-out infinite alternate}.sound-bars i:nth-child(3n){animation-delay:.25s}.sound-bars i:nth-child(2n){animation-delay:.5s}
.back-paper{background:#dedfe5;box-shadow:none}.front-paper{background:#fff;color:#383d46;box-shadow:0 15px 20px #343c5018;border:1px solid #e5e7ec;transition:transform .4s}.feature-guide:hover .front-paper{transform:rotate(2deg) translate(10px,-8px)}
.guide-sticker{background:#fff0f1;color:#c83a45;border-color:#e9d8db}
.studio-section{background:#f7f8fa;border-color:var(--line)}.studio-copy>p{color:var(--muted)}.studio-tabs>button{color:#8b9099;border-radius:8px}.studio-tabs>button:hover{background:#fff}
.studio-tabs>button[aria-selected=true]{background:#fff;border-color:#efc6ca;color:var(--accent-text);box-shadow:0 4px 15px #2e314805}
.studio-window{background:#fff;transform:none;border-color:#dedfe6;border-radius:15px;box-shadow:0 25px 60px #1d24300c}
.window-bar{background:#fff;border-color:var(--line);color:#8c919c}.window-dots i{background:#dadde3}.window-dots i:first-child{background:#e8212766}.window-demo{color:#a5a9b1}
.editor-body{background:#f4f5f8;--paint:#f25c61;--paint-dark:#711f29;--paint-soft:#ffc5c7}.editor-body[data-color=silver]{--paint:#d3d8df;--paint-dark:#60666f;--paint-soft:#f1f3f6}
.editor-toolbar{color:#b0b4bd;border-color:#e2e4ea}.editor-toolbar .selected{color:var(--accent);background:#ffe3e5}.editor-canvas{background-image:radial-gradient(#a4acbb40 .6px,transparent .6px);min-width:0}
.canvas-note,.canvas-scale{color:#9ca2af}.canvas-poster{box-shadow:0 13px 30px #222a3a1a;color:#242832}.poster-main{overflow-wrap:anywhere}.poster-main.custom-title{font:750 30px/1.3 var(--font);letter-spacing:1px;max-width:130px;margin-top:22px}
.editor-side{border-color:#e1e4eb;background:#fafbfc}.side-heading{color:#757e8d}.palette-choice{border-color:#fff;box-shadow:0 0 0 1px #d5d9e1}.palette-choice.is-selected:after{border-color:var(--accent)}
.layer-list>span{color:#858c99;background:#eff1f5}.layer-list b{color:#a2a8b3}.layer-list .icon{color:#bd6270}.editor-cta{background:#fff0f1;color:#c93c46}
.editor-body[data-preview=guide] .canvas-poster{box-shadow:-10px 8px #cfd4dd,0 15px 30px #28304418}.editor-body[data-preview=sound].is-playing .canvas-poster{animation:disc-rock 1s ease-in-out infinite alternate}
.demo-controls{display:flex;gap:10px;padding:15px 17px;background:#fff;border-top:1px solid var(--line);align-items:end;min-height:87px}
.demo-input{display:flex;flex-direction:column;gap:7px;font-size:9px;color:#89919f;flex:1;min-width:0}.demo-input input{width:100%;border:0;border-bottom:1px solid #e2e5eb;padding:5px 0 7px;font-size:12px;background:transparent;color:var(--ink);min-width:0;border-radius:0}.demo-input input::placeholder{color:#a5aab4}
.demo-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#f4f5f8;border:1px solid #e7e9ef;border-radius:6px;padding:10px 13px;font-size:10px;white-space:nowrap;min-height:37px;transition:all .2s;color:var(--ink)}
.demo-button:hover{background:#e9ecf2;transform:translateY(-1px)}.demo-button .icon{width:15px;height:15px}.demo-button.solid{background:var(--ink);color:#fff;border-color:var(--ink)}.demo-button.solid:hover{background:var(--accent);border-color:var(--accent)}.icon-button{padding-inline:11px}
.window-footer{background:#fafbfc;border-color:var(--line);color:#9299a5;height:auto;min-height:34px;line-height:1.6;padding-block:9px}.footer-star{color:#e8212766}
.sound-controls{align-items:center;flex-wrap:wrap}.sound-choices{display:flex;padding:3px;background:#f3f4f7;border-radius:7px;gap:2px}.sound-choices button{border:0;background:transparent;color:#8c929c;border-radius:5px;font-size:10px;padding:8px 10px}
.sound-choices button[aria-pressed=true]{background:#fff;color:var(--accent);box-shadow:0 2px 5px #313b5010}.volume-control{display:flex;align-items:center;gap:8px;flex:1;font-size:9px;color:#939aa7;min-width:90px}.volume-control input{width:70px;min-width:40px;accent-color:var(--accent)}
.guide-controls{align-items:center;justify-content:space-between}.guide-tip{min-width:0}.guide-tip strong{font-size:11px;font-weight:600}.guide-tip p{font-size:9px;color:#8c94a2;line-height:1.7;margin:5px 0 0;max-width:300px}
.download-card{background:#fff;border-color:var(--line);border-radius:15px;transition:box-shadow .3s,transform .3s}.download-card:hover{box-shadow:0 15px 45px #252d3e09;transform:translateY(-4px)}
.platform-icon{background:#f6f7f9;border-color:#e9ebf0;color:#68717f}.wechat-icon{background:var(--accent);color:#fff;border-color:var(--accent)}.download-tag{border-color:#e3e6ed;color:#9aa0ac}.download-card h3{font-weight:600}.download-card>p{color:#858c98}
.mini-code-area{background:#fafbfc}.mini-code-area>.icon{color:#a0a8b4}.mini-code-area>span:not(.code-corner){color:#979fad}.code-corner{border-color:#c4cbd7}
.button-card{background:#fff;color:#5c6472;border-color:#e0e4ec;border-radius:6px}.button-card:hover{background:#f2f4f8;border-color:#cbd1dd}.mini-card .button-card{background:var(--accent);border-color:var(--accent);color:#fff}.mini-card .button-card:hover{background:#d31a22}
.download-state{color:#a1a8b5}.android-art>.icon{color:#8a94a4;filter:drop-shadow(0 8px 8px #6d7a8c20)}.download-orbit{border-color:#dce1ea;box-shadow:0 0 0 24px #e8ecf320,0 0 0 48px #e8ecf315}.art-plus{color:#b7bfcd}.os-word{color:#a8afbc}.ios-art>.icon{color:#9fa7b4;filter:drop-shadow(0 8px 10px #6d7a8c20)}.ios-orbit{border-color:#e1e5ed}.availability-note{color:#9aa2af}
.faq-list summary{color:#626b79}.faq-list summary .icon{color:#a1a9b6}.faq-list details[open] summary .icon{color:var(--accent)}.faq-list details>p{color:#9199a7}.closing{border-color:var(--line)}.closing>p>span{color:#969eac}.footer-top .brand-mark{width:33px;height:33px;border-radius:10px}.footer-tagline{color:#a1a9b5}.footer-link{color:#8d96a5}.footer-bottom,.footer-bottom .mono{color:#a0a8b5}.footer-separator{color:#d4d9e2}
dialog{background:#fff;color:var(--ink);border-color:#e6e8ee;border-radius:20px;box-shadow:0 30px 100px #212c4530}dialog::backdrop{background:#28344b50}.dialog-symbol{background:#fff0f1;border-color:#f9d8dc}.dialog-close{color:#929aa8}dialog p{color:#8c95a4}.dialog-dismiss{background:#f4f5f8;color:#626c7c;border-color:#e7eaf0}.dialog-dismiss:hover{background:#e9edf3}
.header-account{color:#454b56;background:#fff}.resource-card{background:#fff}.resource-media{background:linear-gradient(135deg,#fff0f1,#eef1f6)}.resource-filters button{color:#68717f;background:#fff}.resource-action{color:#fff}.resource-search input{background:#fff;color:var(--ink)}.account-dialog input[type=tel],.account-dialog input[type=password]{background:#fff;color:var(--ink)}
@keyframes disc-spin{to{transform:rotate(360deg)}}@keyframes disc-rock{to{transform:rotate(8deg)}}@keyframes wave{to{transform:scaleY(.45)}}
@media(min-width:1600px){.hero{min-height:730px}.hero-copy{padding-top:120px}.car-photo{top:132px;height:470px;left:-130px;right:-65px}.hero-customizer{bottom:73px}.stage-word{top:100px}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.hero{grid-template-columns:1fr 1.1fr;min-height:610px}.hero-copy{padding-top:91px}h1{font-size:49px}.hero-description{font-size:12px}.hero-actions{gap:20px}.hero-actions .button{font-size:11px;padding-inline:16px;gap:16px}.text-link{font-size:10px;gap:7px}.car-photo{left:-125px;right:-25px;top:140px;height:350px}.hero-customizer{left:15px;bottom:55px;gap:16px}.customizer-hint{display:none}.creative-note{left:15px;top:110px}.demo-controls{padding-inline:12px;gap:7px}.demo-button{padding-inline:10px}.volume-control{min-width:80px}.volume-control input{width:48px}.sound-choices button{padding-inline:7px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.site-header{height:76px}.reading-progress{top:75px}.brand-mark{width:37px;height:37px;border-radius:12px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{text-align:center;padding-top:63px}.eyebrow{justify-content:center}.hero h1{font-size:58px}.hero-description{font-size:13px;margin-top:33px}.hero-actions,.hero-platforms{justify-content:center}.hero-actions{flex-direction:row;align-items:center}.hero-actions .button{font-size:12px;padding-inline:21px;gap:22px}.hero-bottom{display:none}.visual-stage{height:450px;margin-top:10px}.visual-coordinate{top:18px;font-size:6px}.stage-word{font-size:135px;left:calc(50% - 180px);top:30px}.stage-orbit{width:330px;top:35px;left:auto;right:calc(50% - 165px)}.car-photo{inset:38px -15px auto;height:340px}.creative-note{top:45px;left:25px}.hero-customizer{left:calc(50% - 135px);right:auto;bottom:39px}.design-label{bottom:13px;font-size:7px}.studio-grid{grid-template-columns:1fr;gap:30px}.studio-copy h2 br{display:none}.studio-copy h2{font-size:31px}.studio-copy>p{font-size:11px;margin-block:15px 22px}.studio-tabs{flex-direction:row;max-width:none}.studio-tabs>button{flex:1;justify-content:center;padding:12px 14px;gap:9px}.studio-tabs>button>span{display:none}.editor-body{grid-template-columns:40px 1fr 170px;min-height:330px}.editor-side{display:flex;padding:25px 17px}.canvas-poster{width:174px;height:235px}.poster-main{font-size:45px}.demo-controls{padding-inline:20px}.volume-control{justify-content:center}.volume-control input{width:100px}.sound-choices button{padding-inline:13px}.demo-button{padding-inline:17px}.rail-heading{display:none}}
@media(max-width:600px){.container{width:calc(100% - 40px)}.site-header{height:73px}.reading-progress{top:72px}.brand-mark{width:34px;height:34px}.hero-copy{padding-top:43px}.hero h1{font-size:clamp(37px,10.3vw,58px);line-height:1.3;letter-spacing:-2px;margin-block:24px}.hero-description{font-size:11px;line-height:2;margin:30px 0 24px}.hero-actions{gap:20px}.hero-actions .button{font-size:11px;min-height:45px;padding-inline:16px;gap:15px}.hero-actions .text-link{font-size:10px;gap:5px}.visual-stage{height:338px;margin:10px -5px 0}.visual-coordinate{font-size:5px;letter-spacing:1px;top:15px}.stage-word{font-size:80px;letter-spacing:-5px;top:31px;left:calc(50% - 110px)}.stage-orbit{width:235px;right:calc(50% - 117px);top:30px}.car-photo{inset:41px -12px auto;height:240px}.creative-note{top:34px;left:10px;gap:7px}.creative-note div{font-size:7px}.creative-note strong{font-size:10px}.note-spark{font-size:24px}.hero-customizer{bottom:39px;left:calc(50% - 127px);gap:20px}.hero-customizer .mono{font-size:6px}.hero-customizer strong{font-size:10px}.hero-colors{gap:13px}.hero-colors button{width:27px;height:27px}.design-label{bottom:12px;font-size:6px;right:8px}.card-copy h3{font-size:18px}.wrap-art-word{color:#e2e5eb}.studio-copy h2{font-size:29px}.studio-copy h2 br{display:block}.studio-tabs{gap:5px}.studio-tabs>button{font-size:10px;padding:11px 5px;gap:6px}.studio-tabs>button .icon{height:15px;width:15px}.studio-grid{gap:24px}.studio-window{border-radius:11px}.editor-body{grid-template-columns:26px 1fr 106px;min-height:270px}.editor-toolbar{font-size:15px;gap:15px}.editor-toolbar .selected{height:20px;width:20px}.editor-side{padding:21px 8px}.palette-choices{gap:8px;margin-top:13px}.palette-choice{width:20px;height:20px}.palette-choice.is-selected:after{inset:-5px}.canvas-poster{width:124px;height:193px;padding:12px 10px}.poster-main{font-size:34px;letter-spacing:-2px;margin-top:19px}.poster-main.custom-title{font-size:25px;max-width:104px}.demo-controls{padding:13px 10px;gap:7px;min-height:79px}.demo-input{font-size:8px;gap:7px}.demo-input input{font-size:10px}.demo-button{font-size:9px;min-height:35px;padding:9px 10px;gap:5px}.demo-button .icon{width:13px;height:13px}.icon-button{padding-inline:8px}.window-footer{font-size:6px;padding:8px 10px;gap:6px}.sound-controls{gap:9px;justify-content:space-between}.sound-choices button{font-size:9px;padding:7px}.volume-control{font-size:8px;min-width:65px;justify-content:center;gap:5px}.volume-control input{width:45px}.guide-tip strong{font-size:10px}.guide-tip p{font-size:8px;max-width:185px}.guide-controls{gap:12px}}
@media(max-width:360px){.container{width:calc(100% - 30px)}.hero-actions{gap:12px}.hero-actions .button{font-size:10px;padding-inline:13px}.hero-actions .text-link{font-size:9px}.hero h1{font-size:37px}.editor-body{grid-template-columns:24px 1fr 95px}.canvas-poster{width:112px;height:187px}.poster-main{font-size:31px}.editor-side{padding-inline:6px}.palette-choice{width:18px;height:18px}.palette-choices{gap:7px}.demo-button{padding-inline:7px;font-size:8px}.icon-button{padding-inline:6px}.sound-choices button{padding-inline:6px}.volume-control{min-width:60px}}
@media(max-width:600px){.car-photo{left:0;right:0}}
.palette-illustration{position:absolute;left:50%;top:0;width:270px;max-width:100%;height:235px;object-fit:contain;transform:translateX(-50%) rotate(-3deg);transition:transform .45s}
.feature-wrap:hover .palette-illustration{transform:translateX(-50%) rotate(2deg) translateY(-5px)}
@media(min-width:601px) and (max-width:1150px){.palette-illustration{height:215px}}
@media(min-width:601px) and (max-width:850px){.palette-illustration{height:180px}}
@media(max-width:600px){.palette-illustration{top:0;left:50%;width:210px;max-width:125%;height:185px}.feature-wrap .wrap-art-word{font-size:30px;top:12px;left:5px}}
/* Original spectral sculpture. A loose T-shaped composition, not a car or a brand emblem. */
.sculpture-stage{isolation:isolate}
.sculpture-word{position:absolute;top:128px;left:-8px;z-index:-2;font:900 clamp(72px,8.8vw,128px)/.9 Arial,sans-serif;letter-spacing:-8px;color:#f1f2f5;transform:rotate(-8deg);pointer-events:none;user-select:none}
.sculpture-aura{position:absolute;inset:115px 15px 100px 15px;z-index:-1;background:radial-gradient(ellipse at 35% 35%,#ffe4e84d,transparent 55%),radial-gradient(ellipse at 70% 60%,#dcd5ff50,transparent 65%);filter:blur(20px);pointer-events:none}
.prism-object{position:absolute;inset:44px -28px 100px -35px;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s ease;transform-origin:50% 52%}
.prism-float{width:100%;height:100%;animation:prism-float 7s ease-in-out infinite}
.prism-scene{display:block;width:100%;height:100%;overflow:visible}
.prism-piece{transform-box:fill-box;transform-origin:center;transition:transform 1s cubic-bezier(.2,.75,.25,1)}
.prism-satellite{transform-box:fill-box;transform-origin:center;transition:transform 1.1s ease}
.sculpture-stage[data-composition="1"] .prism-left{transform:translate(-20px,-14px) rotate(-9deg)}
.sculpture-stage[data-composition="1"] .prism-right{transform:translate(22px,-11px) rotate(8deg)}
.sculpture-stage[data-composition="1"] .prism-stem{transform:translate(4px,23px) rotate(-6deg)}
.sculpture-stage[data-composition="1"] .prism-chip{transform:translate(-13px,25px) rotate(16deg)}
.sculpture-stage[data-composition="1"] .satellite-one{transform:translate(-12px,-10px)}
.sculpture-stage[data-composition="1"] .satellite-two{transform:translate(14px,16px) rotate(15deg)}
.sculpture-stage[data-composition="2"] .prism-left{transform:translate(-9px,15px) rotate(10deg)}
.sculpture-stage[data-composition="2"] .prism-right{transform:translate(8px,-23px) rotate(-9deg)}
.sculpture-stage[data-composition="2"] .prism-stem{transform:translate(-10px,8px) rotate(11deg)}
.sculpture-stage[data-composition="2"] .prism-chip{transform:translate(15px,15px) rotate(-15deg)}
.sculpture-stage[data-composition="2"] .satellite-three{transform:translate(-12px,-12px) rotate(20deg)}
.sculpture-stage .creative-note{top:73px;left:-4px;z-index:2;pointer-events:none}.sculpture-stage .creative-note strong{font-size:11px;letter-spacing:1px}
.sculpture-stage .hero-customizer{left:20px;right:10px;gap:19px;bottom:65px}.sculpture-stage .hero-customizer>div:first-child{min-width:85px}
.hero-colors [data-spectrum=spectrum]{background:conic-gradient(#ff8686,#f6c67d,#9bcfef,#b296ec,#ff8686)}
.hero-colors [data-spectrum=sunset]{background:linear-gradient(135deg,#ffdfac,#f29485 50%,#d96e9c)}
.hero-colors [data-spectrum=aurora]{background:linear-gradient(135deg,#9fe4ec,#b6baf7 50%,#9876ce)}
.sculpture-remix{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #e4e6ec;border-radius:25px;padding:10px 13px;font-size:10px;color:#7c8491;white-space:nowrap;transition:border-color .2s,color .2s,box-shadow .2s}
.sculpture-remix .icon{width:15px;height:15px;transition:transform .6s}.sculpture-remix:hover{border-color:#e8212750;color:var(--accent);box-shadow:0 4px 16px #e821270a}.sculpture-remix:hover .icon{transform:rotate(-70deg)}
.sculpture-stage [id^="prism-"] stop{transition:stop-color .7s}
.sculpture-stage[data-spectrum=sunset] #prism-coral stop:nth-child(1){stop-color:#ffe3a8}.sculpture-stage[data-spectrum=sunset] #prism-coral stop:nth-child(2){stop-color:#ffb789}.sculpture-stage[data-spectrum=sunset] #prism-coral stop:nth-child(3){stop-color:#f9929e}
.sculpture-stage[data-spectrum=sunset] #prism-sky stop:nth-child(1){stop-color:#f29db2}.sculpture-stage[data-spectrum=sunset] #prism-sky stop:nth-child(2){stop-color:#ffc9a4}.sculpture-stage[data-spectrum=sunset] #prism-sky stop:nth-child(3){stop-color:#ffe6be}
.sculpture-stage[data-spectrum=sunset] #prism-blue stop:nth-child(1){stop-color:#d473a7}.sculpture-stage[data-spectrum=sunset] #prism-blue stop:nth-child(2){stop-color:#e9919f}.sculpture-stage[data-spectrum=sunset] #prism-blue stop:nth-child(3){stop-color:#f4baa5}
.sculpture-stage[data-spectrum=sunset] #prism-stem stop:nth-child(1){stop-color:#f5baa7}.sculpture-stage[data-spectrum=sunset] #prism-stem stop:nth-child(2){stop-color:#f28f9f}.sculpture-stage[data-spectrum=sunset] #prism-stem stop:nth-child(3){stop-color:#df8cb5}.sculpture-stage[data-spectrum=sunset] #prism-stem stop:nth-child(4){stop-color:#bb9bd9}
.sculpture-stage[data-spectrum=aurora] #prism-coral stop:nth-child(1){stop-color:#dbb9f6}.sculpture-stage[data-spectrum=aurora] #prism-coral stop:nth-child(2){stop-color:#b7a6f0}.sculpture-stage[data-spectrum=aurora] #prism-coral stop:nth-child(3){stop-color:#8eb8ef}
.sculpture-stage[data-spectrum=aurora] #prism-sky stop:nth-child(1){stop-color:#a3b8f2}.sculpture-stage[data-spectrum=aurora] #prism-sky stop:nth-child(2){stop-color:#a9d5f3}.sculpture-stage[data-spectrum=aurora] #prism-sky stop:nth-child(3){stop-color:#a7e8e5}
.sculpture-stage[data-spectrum=aurora] #prism-berry stop:nth-child(1){stop-color:#ac81d9}.sculpture-stage[data-spectrum=aurora] #prism-berry stop:nth-child(2){stop-color:#8a7bcd}.sculpture-stage[data-spectrum=aurora] #prism-berry stop:nth-child(3){stop-color:#729bdd}
.sculpture-stage[data-spectrum=aurora] #prism-stem stop:nth-child(1){stop-color:#c8bbf5}.sculpture-stage[data-spectrum=aurora] #prism-stem stop:nth-child(2){stop-color:#a3b9e9}.sculpture-stage[data-spectrum=aurora] #prism-stem stop:nth-child(3){stop-color:#83cbdc}.sculpture-stage[data-spectrum=aurora] #prism-stem stop:nth-child(4){stop-color:#b4e9e4}
.sculpture-stage.is-paused .prism-float{animation-play-state:paused}
@keyframes prism-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-11px) rotate(1deg)}}
@media(min-width:1600px){.prism-object{inset:43px -40px 112px -40px}.sculpture-stage .hero-customizer{bottom:75px}.sculpture-word{top:145px;font-size:132px}}
@media(max-width:1150px){.prism-object{inset:55px -20px 112px -18px}.sculpture-stage .creative-note{top:72px;left:0}.sculpture-stage .hero-customizer{left:0;right:0;gap:15px}.sculpture-remix{padding:9px 10px;font-size:9px}.sculpture-word{font-size:94px;left:2px;top:150px;letter-spacing:-6px}}
@media(max-width:900px){.sculpture-stage{height:470px;max-width:680px;width:100%;margin:10px auto 0}.prism-object{inset:0 30px 65px 30px}.sculpture-word{top:80px;left:55px;font-size:105px}.sculpture-aura{inset:80px 90px 90px}.sculpture-stage .creative-note{top:42px;left:18px}.sculpture-stage .hero-customizer{left:50%;right:auto;transform:translateX(-50%);bottom:33px;min-width:345px;gap:18px}.sculpture-stage .hero-customizer>div:first-child{min-width:85px}.sculpture-stage .design-label{bottom:8px}}
@media(max-width:600px){.sculpture-stage{height:365px;margin:8px 0 0;max-width:100%;width:auto}.prism-object{inset:5px -10px 58px}.sculpture-word{font-size:63px;letter-spacing:-4px;top:72px;left:16px}.sculpture-aura{inset:40px 10px 70px}.sculpture-stage .creative-note{top:21px;left:0}.sculpture-stage .creative-note div{font-size:7px}.sculpture-stage .creative-note strong{font-size:8px;letter-spacing:.5px}.sculpture-stage .visual-coordinate{top:13px;font-size:5px;letter-spacing:.8px}.sculpture-stage .hero-customizer{min-width:0;width:100%;left:0;right:0;bottom:32px;transform:none;gap:15px}.sculpture-stage .hero-customizer>div:first-child{min-width:72px}.sculpture-remix{min-height:33px;padding:8px}.sculpture-remix>span{display:none}.sculpture-stage .design-label{bottom:8px;font-size:6px}.sculpture-stage .hero-colors{gap:12px}}
@media(max-width:360px){.sculpture-stage{height:335px}.prism-object{inset:6px -8px 53px}.sculpture-word{top:80px;left:12px;font-size:53px}.sculpture-stage .hero-customizer{gap:12px}.sculpture-stage .hero-customizer>div:first-child{min-width:65px}.sculpture-stage .hero-colors{gap:10px}.sculpture-stage .visual-coordinate{font-size:4.5px;letter-spacing:.5px}}

/* Keep the public page readable: actions stay prominent, decoration stays quiet. */
.download-card:not(.has-entry) [data-platform]{display:none}
.download-card:not(.has-entry):hover{transform:none;box-shadow:none}
.download-card:not(.has-entry) .download-state{grid-row:5;margin-top:24px;font-size:13px;color:var(--muted);cursor:default}
.studio-window .editor-body{grid-template-columns:minmax(0,1fr) 195px}
@media(max-width:900px){.studio-window .editor-body{grid-template-columns:minmax(0,1fr) 170px}}
@media(max-width:600px){.studio-window .editor-body{grid-template-columns:minmax(0,1fr) 115px}}
@media(max-width:360px){.studio-window .editor-body{grid-template-columns:minmax(0,1fr) 98px}}
.round-arrow,.text-link>span{display:none}
.section-kicker{font-size:10px}
.card-chip{font-size:10px}
.card-copy h3{font-size:20px}
.card-copy p{font-size:11px;line-height:1.8}
.resource-heading h2{font-size:42px;margin-top:0}
.resource-search input{font-size:13px}
.resource-filters button{font-size:12px}
.resource-status{font-size:12px}
.resource-meta{font-size:10px}
.resource-copy h3{font-size:18px}
.resource-copy p{font-size:12px;line-height:1.65}
.resource-copy small{font-size:11px}
.resource-action{font-size:12px}
.resource-unlocked{font-size:11px}
.resource-account{font-size:12px}
.resource-account b{font-size:18px}
.window-footer{font-size:10px}
.guide-tip p{font-size:11px}
.section-kicker,.visual-coordinate,.canvas-note,.canvas-scale,.sound-caption,.front-paper>.mono,.rail-heading>span,.design-label,.hero-bottom,.hero-customizer .mono,.creative-note strong{display:none}

@media(max-width:600px){
  .section-kicker{font-size:9px}
  .card-chip{font-size:10px}
  .card-copy h3{font-size:19px}
  .card-copy p{font-size:11px;line-height:1.75}
  .resource-heading h2{font-size:31px}
  .resource-status{font-size:11px;padding-top:16px}
  .resource-filters button{font-size:12px}
  .resource-copy h3{font-size:17px}
  .resource-copy p{font-size:11px}
  .resource-copy small{font-size:10px}
  .resource-action{font-size:11px}
  .resource-unlocked{font-size:10px}
  .resource-account{font-size:11px}
  .window-footer{font-size:8px}
}
.download-art .concept-phone{position:relative;width:78px;height:148px;padding:4px;border-radius:18px;background:linear-gradient(125deg,#fff,#bac1cc 35%,#f8f9fa 52%,#929aa8);border:1px solid #b2bac7;box-shadow:0 12px 20px #25304a18,inset 0 0 0 1px #ffffffc0;transform:none}
.download-art .iphone-phone{transform:none;border-radius:21px;background:linear-gradient(120deg,#d3d6dc,#fff 40%,#9da4af)}
.concept-phone:before,.concept-phone:after{content:"";position:absolute;width:2px;background:#a0a8b5;border-radius:2px;left:-3px;top:35px;height:15px}.concept-phone:after{left:auto;right:-3px;top:47px;height:23px}
.concept-screen{height:100%;border:2px solid #222631;border-radius:14px;position:relative;overflow:hidden;background:#f4f2f6}.iphone-phone .concept-screen{border-radius:17px;background:#f3f1f1}
.phone-camera{position:absolute;z-index:3;top:5px;left:calc(50% - 2px);width:4px;height:4px;background:#151821;border-radius:50%}.iphone-phone .phone-camera{width:25px;height:7px;left:calc(50% - 12.5px);top:5px;border-radius:8px}
.phone-wallpaper,.phone-brand{display:none}
.phone-home{position:absolute;bottom:5px;left:calc(50% - 12px);width:24px;height:2px;border-radius:3px;background:#a0a8b5;z-index:3}
@media(max-width:600px){.download-art .concept-phone{width:63px;height:119px;border-radius:16px;padding:3px}.download-art .iphone-phone{border-radius:18px}.concept-screen{border-radius:12px}.iphone-phone .concept-screen{border-radius:14px}.phone-brand{font-size:20px;top:31px;left:10px}}
/* 下载区以产品展台呈现，手机正立且屏幕保持留白。 */
.android-card,.ios-card{background:linear-gradient(155deg,#fff 45%,#f5f6f8);border:1px solid #e5e7eb;border-radius:20px}
.android-card .platform-icon,.ios-card .platform-icon{border-radius:12px;background:#fff;color:#424957}
.download-art.android-art,.download-art.ios-art{height:196px;isolation:isolate;overflow:visible;margin:24px 0 22px}
.download-art.android-art:before,.download-art.ios-art:before{content:"";position:absolute;width:172px;height:172px;border-radius:50%;background:radial-gradient(circle,#e7eaf0 0%,#edf0f450 54%,transparent 73%);z-index:-1}
.download-art.ios-art:before{background:radial-gradient(circle,#f2e9e9 0%,#f6eeee50 54%,transparent 73%)}
.download-art.android-art:after,.download-art.ios-art:after{content:"";position:absolute;bottom:2px;width:116px;height:13px;border-radius:50%;background:#77819520;filter:blur(7px);z-index:-1}
.download-art .concept-phone{width:88px;height:174px;padding:4px;border-radius:20px;border-color:#747e8d;background:linear-gradient(100deg,#b3bac4,#434c5b 9%,#9da6b3 48%,#454e5d 91%,#c5cbd3);box-shadow:0 7px 12px #27304312,inset 0 0 0 1px #ffffff90;transform:none}
.download-art .iphone-phone{border-radius:24px;border-color:#b9bec7;background:linear-gradient(100deg,#fdfdfd,#bcc2cb 9%,#f1f3f6 48%,#a6adb8 91%,#fff);transform:none}
.concept-screen{background:#edf0f3;border-color:#242b35;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff70}
.iphone-phone .concept-screen{background:#f6f5f4;border-radius:20px}
.phone-camera{top:6px}.iphone-phone .phone-camera{top:6px;width:27px;left:calc(50% - 13.5px)}
.phone-wallpaper,.phone-brand{display:none}
@media(max-width:600px){.download-art.android-art,.download-art.ios-art{height:146px;width:130px;margin:0}.download-art .concept-phone{width:68px;height:136px;border-radius:17px;padding:3px}.download-art .iphone-phone{border-radius:20px}.concept-screen{border-radius:13px}.iphone-phone .concept-screen{border-radius:16px}.download-art.android-art:before,.download-art.ios-art:before{width:136px;height:136px}.download-art.android-art:after,.download-art.ios-art:after{width:90px;bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.prism-object{transform:none!important}}
