:root{--ink:#252824;--muted:#737970;--line:#2f362f1c;--panel:#f8f7f2;--panel-soft:#f1f3ef;--stage:#eef1ed;--mint:#7faf9f;--mint-deep:#568978;--mint-soft:#dce9e3;--font-display:"Avenir Next", "Noto Sans SC", "Microsoft YaHei UI", sans-serif;--font-body:Inter, "PingFang SC", "Microsoft YaHei UI", sans-serif}*{box-sizing:border-box}html{background:var(--panel);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:var(--ink);background:var(--panel);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}button{color:inherit;font:inherit}img{max-width:100%;display:block}.configurator{background:var(--panel);grid-template-columns:minmax(0,1fr) clamp(520px,31vw,620px);min-height:100vh;display:grid;overflow:hidden}.product-stage{isolation:isolate;background:radial-gradient(circle at 64% 44%, #fffc, transparent 43%), var(--stage);min-width:0;height:100vh;position:sticky;top:0;overflow:hidden}.product-stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#eef1eded 0%,#eef1ed73 13%,#0000 27%),linear-gradient(#eef1ed6b,#0000 19% 82%,#eef1ed40);position:absolute;inset:0}.stage-header{z-index:6;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:28px 34px auto}.brand-logo{width:176px;height:auto}.stage-meta{color:#25282485;letter-spacing:.08em;align-items:center;gap:10px;font-size:11px;display:flex}.stage-meta i{background:currentColor;border-radius:50%;width:3px;height:3px}.editorial-copy{z-index:4;width:min(290px,22vw);position:absolute;top:15.5%;left:4.5%}.eyebrow{color:var(--mint-deep);letter-spacing:.22em;margin:0;font-size:10px;font-weight:720}.editorial-copy h1{font:520 clamp(34px, 3vw, 52px)/1.13 var(--font-display);letter-spacing:-.055em;margin:17px 0 14px}.editorial-copy>p:last-of-type{color:#2528249c;margin:0;font-size:12px;line-height:1.78}.hero-facts{border-top:1px solid #25282426;gap:24px;margin-top:22px;padding-top:14px;display:flex}.hero-facts span{color:#2528247a;font-size:10px;line-height:1.35}.hero-facts strong{color:var(--ink);font:650 12px/1.2 var(--font-display);margin-bottom:4px;display:block}.product-visual{z-index:0;position:absolute;inset:0;overflow:hidden}.visual-lock{aspect-ratio:1;transform-origin:50% 54%;width:min(112%,1420px);position:absolute;top:52%;left:64%;transform:translate(-50%,-50%)}.product-composite{aspect-ratio:1;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.product-layer{transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;height:auto;position:absolute;transform:translate(-50%,-50%)}.user-state-layer{opacity:1;visibility:visible;filter:saturate(1.015)contrast(1.008);width:126%;top:50%;left:50%}.base-state-layer{z-index:2}.slide-state-layer{z-index:3}.canopy-state-layer{z-index:4}.base-pool-layer{z-index:2;left:50%;top:var(--pool-top);width:var(--pool-width);filter:saturate(1.035)contrast(1.018)drop-shadow(0 20px 22px #37524614);opacity:1!important;visibility:visible!important;display:block!important}.slide-reference-layer{left:var(--slide-left);top:var(--slide-top);width:var(--slide-width);filter:saturate(1.015)contrast(1.018)drop-shadow(0 12px 15px #3654471a);opacity:1!important;visibility:visible!important;display:block!important}.slide-reference-back{z-index:1}.slide-reference-front{z-index:3}.shade-accessory-layer{z-index:4;left:var(--canopy-left);top:var(--canopy-top);width:var(--canopy-width);filter:saturate(1.015)contrast(1.015)drop-shadow(0 12px 16px #37524614);opacity:1!important;visibility:visible!important;display:block!important}.product-composite.compact{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.product-composite.compact .user-state-layer{width:156%}.scene-image{left:calc(50% + var(--scene-x,0%));top:calc(var(--scene-top) + var(--scene-y,0%));width:var(--scene-width);opacity:1;mix-blend-mode:multiply;filter:saturate(1.03)contrast(1.015);transform-origin:50%;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;height:auto;transition:opacity .18s,filter .18s;position:absolute;transform:translate(-50%,-50%)}.scene-image.loading{opacity:.88;filter:saturate(.96)contrast(1.01)}.assembly-layer{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;filter:saturate(1.03)contrast(1.02);max-width:none;height:auto;transition:opacity .26s,transform .52s cubic-bezier(.2,.82,.28,1);position:absolute}.assembly-layer.active{opacity:1}.pool-layer{z-index:2;width:var(--layer-width);left:50%;top:var(--layer-top);transform:translate(-50%,-50%)}.canopy-back-layer{z-index:1;width:var(--canopy-width);left:var(--canopy-left);top:var(--canopy-top);transform:translate(-50%,-50%)}.canopy-front-layer{z-index:4;width:var(--canopy-width);left:var(--canopy-left);top:var(--canopy-top);filter:drop-shadow(0 2px 2px #3449401f);transform:translate(-50%,-50%)}.slide-accessory-layer{z-index:1;width:var(--slide-width);left:var(--slide-left);top:var(--slide-top);filter:saturate(1.02)contrast(1.01)drop-shadow(0 11px 14px #3c5c501a);transform:translate(-50%,-50%)}.stage-shadow{filter:blur(34px);background:#40564c17;border-radius:50%;width:48%;height:7%;position:absolute;bottom:18%;left:64%;transform:translate(-50%)}.state-dock{z-index:5;grid-template-columns:repeat(4,minmax(138px,1fr));gap:9px;max-width:min(770px,73%);display:grid;position:absolute;bottom:28px;left:4.5%}.state-dock.two-items{grid-template-columns:repeat(2,214px)}.state-dock button{text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#f8f9f6c4;border:1px solid #2528241f;border-radius:13px;grid-template-columns:58px 1fr;align-items:center;gap:9px;min-height:68px;padding:7px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 10px 26px #2a322c0f}.state-dock button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2a322c1a}.state-dock button.active{border-color:var(--mint-deep);box-shadow:0 0 0 1px var(--mint-deep), 0 14px 30px #2a322c17}.state-thumb{background:0 0;border-radius:9px;width:58px;height:52px;position:relative;overflow:hidden}.state-thumb .product-composite.compact{width:76px;height:76px}.mini-layer{opacity:0;max-width:none;height:auto;position:absolute}.mini-pool{z-index:2;width:var(--mini-pool-width);opacity:1;top:50%;left:50%;transform:translate(-50%,-50%)}.mini-canopy-back{z-index:1;width:var(--mini-canopy-width);left:var(--mini-canopy-left);top:var(--mini-canopy-top);transform:translate(-50%,-50%)}.mini-slide-accessory{z-index:1;width:var(--mini-slide-width);left:var(--mini-slide-left);top:var(--mini-slide-top);filter:saturate(1.02)contrast(1.01)drop-shadow(0 2px 3px #3c5c501a);transform:translate(-50%,-50%)}.mini-canopy-front{z-index:4;width:var(--mini-canopy-width);left:var(--mini-canopy-left);top:var(--mini-canopy-top);transform:translate(-50%,-50%)}.state-thumb[data-form=slide] .mini-slide-accessory,.state-thumb[data-form=all] .mini-slide-accessory,.state-thumb[data-form=canopy] .mini-canopy-back,.state-thumb[data-form=all] .mini-canopy-back,.state-thumb[data-form=canopy] .mini-canopy-front,.state-thumb[data-form=all] .mini-canopy-front{opacity:1}.state-label strong,.state-label small{display:block}.state-label strong{font-size:11px;font-weight:670}.state-label small{color:#25282470;letter-spacing:.07em;margin-top:4px;font-size:8px}.dock-check,.card-check{background:var(--mint-deep);color:#fff;border-radius:50%;place-items:center;display:grid}.dock-check{width:17px;height:17px;position:absolute;top:6px;right:6px}.dock-check svg,.card-check svg{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;width:13px}.stage-index{z-index:4;color:#25282461;align-items:center;gap:9px;font-size:9px;display:flex;position:absolute;bottom:38px;right:3%}.stage-index i{background:#25282436;width:46px;height:1px}.configuration-panel{background:linear-gradient(150deg, #ffffffa3, transparent 28%), var(--panel);border-left:1px solid #dcded7;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;height:100vh;display:grid}.panel-head{justify-content:space-between;align-items:flex-start;padding:28px 30px 22px;display:flex}.panel-head h2{font:630 25px/1.2 var(--font-display);letter-spacing:-.035em;margin:9px 0 0}.catalog-pill{color:#777d75;letter-spacing:.08em;background:#ffffff8c;border:1px solid #d9ddd6;border-radius:999px;padding:8px 11px;font-size:10px}.section-nav{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding:0 24px;display:grid}.section-nav button{color:#2528248a;cursor:pointer;background:0 0;border:0;padding:0 0 15px;font-size:12px;position:relative}.section-nav button:after{content:"";background:0 0;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:34%;right:34%}.section-nav button.active{color:var(--ink);font-weight:650}.section-nav button.active:after{background:var(--mint-deep)}.panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b8c5bd transparent;min-height:0;overflow-y:auto}.config-section{border-bottom:1px solid var(--line);padding:22px 24px 24px}.section-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title span{font-size:13px;font-weight:680}.section-title b{color:var(--mint-deep);letter-spacing:.07em;margin-right:8px;font-size:9px}.section-title small{color:#25282473;font-size:10px}.size-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.size-grid button,.form-grid button{background:var(--panel-soft);text-align:left;cursor:pointer;border:1px solid #2528241a;border-radius:14px;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.size-grid button:hover,.form-grid button:hover{transform:translateY(-2px)}.size-grid button.active,.form-grid button.active{border-color:var(--mint-deep);box-shadow:0 0 0 1px var(--mint-deep)}.size-visual,.form-visual{background:0 0;place-items:center;display:grid;position:relative;overflow:hidden}.size-visual{height:148px}.form-visual{height:128px}.size-visual .product-composite.compact{width:215px;height:215px}.form-visual img{object-fit:contain;object-position:center;filter:saturate(1.02)contrast(1.01);width:92%;height:92%}.size-copy,.form-copy{background:#ffffff6b;justify-content:space-between;align-items:baseline;gap:8px;padding:12px 13px 13px;display:flex}.size-copy strong,.form-copy strong{font-size:12px;font-weight:680}.size-copy small,.form-copy small{color:#25282473;font-size:9px}.card-check{width:22px;height:22px;position:absolute;top:9px;right:9px}.form-section{padding-bottom:30px}.size-section{min-height:100%;padding-bottom:34px}.availability-note{border-left:2px solid var(--mint-deep);color:#25282494;background:#56897812;border-radius:0 9px 9px 0;margin:16px 2px 0;padding:13px 14px;font-size:10px;line-height:1.7}.info-page{padding:24px}.spec-hero{border:1px solid var(--line);background:var(--panel-soft);border-radius:16px;gap:5px;padding:22px;display:grid}.spec-hero span,.spec-hero small{color:#2528247a;font-size:10px}.spec-hero strong{font:520 38px/1 var(--font-display);letter-spacing:-.05em}.spec-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.spec-grid article{border:1px solid var(--line);background:#ffffff6b;border-radius:14px;padding:17px}.spec-grid span,.spec-grid strong{display:block}.spec-grid span{color:#25282478;margin-bottom:8px;font-size:10px}.spec-grid strong{font-size:12px}.info-note{color:#2528247a;margin:18px 2px 0;font-size:10px;line-height:1.7}.feature-list{gap:10px;display:grid}.feature-list article{border:1px solid var(--line);background:#ffffff73;border-radius:15px;grid-template-columns:36px 1fr;gap:14px;padding:20px;display:grid}.feature-list article>span{color:var(--mint-deep);font:650 11px/1 var(--font-display)}.feature-list strong{font-size:14px}.feature-list p{color:#2528248f;margin:7px 0 0;font-size:11px;line-height:1.7}.package-list{gap:9px;display:grid}.package-list article{border:1px solid var(--line);background:#ffffff75;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:16px 17px;display:flex}.package-list small,.package-list em{display:block}.package-list small{color:#25282480;font-size:10px;font-style:normal}.package-list em{color:var(--ink);margin-top:5px;font-size:11px;font-style:normal}.package-list strong{color:var(--mint-deep);white-space:nowrap;font-size:11px}.custom-list{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-bar{padding:14px 24px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#faf9f4eb;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.selection-swatch{background:linear-gradient(135deg,#cfe6de,#8fbfaf);border-radius:50%;width:26px;height:26px;box-shadow:inset 0 0 0 5px #ffffff73}.selection-bar small,.selection-bar strong{display:block}.selection-bar small{color:#25282475;font-size:9px}.selection-bar strong{margin-top:3px;font-size:11px}.selection-bar button{background:var(--mint-deep);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid}.selection-bar button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px}@media (width<=1380px){.configurator{grid-template-columns:minmax(0,1fr) 500px}.state-dock{grid-template-columns:repeat(2,180px);max-width:380px}.state-dock button{min-height:58px}.state-thumb{width:50px;height:43px}.editorial-copy{width:250px}}@media (width<=920px){.configurator{min-height:100vh;display:block;overflow:visible}.product-stage{height:auto;min-height:720px;position:relative;overflow:hidden}.stage-header{inset:18px 20px auto}.brand-logo{width:154px}.stage-meta{font-size:9px}.editorial-copy{width:auto;padding:92px 22px 0;position:relative;top:auto;left:auto}.editorial-copy h1{margin:13px 0 10px;font-size:clamp(32px,9vw,43px)}.editorial-copy>p:last-of-type{max-width:410px;font-size:12px}.hero-facts{max-width:310px;margin-top:14px}.product-visual{height:340px;top:285px}.visual-lock{transform-origin:50% 58%;width:min(120vw,620px);top:49%;left:50%}.visual-lock.size-260{left:calc(50% + clamp(7px,2vw,12px))}.visual-lock.size-300{left:calc(50% + clamp(12px,4vw,24px))}.product-visual[data-form=slide] .visual-lock.size-260,.product-visual[data-form=all] .visual-lock.size-260{left:calc(50% + clamp(26px,7vw,36px))}.product-visual[data-form=slide] .visual-lock.size-300,.product-visual[data-form=all] .visual-lock.size-300{left:calc(50% + clamp(42px,11vw,58px))}.product-composite:not(.compact).size-260 .user-state-layer{width:112%}.product-composite:not(.compact).size-300 .user-state-layer{width:100%}.stage-shadow{width:68%;bottom:13%;left:55%}.state-dock{z-index:5;scrollbar-width:none;grid-template-columns:repeat(4,minmax(116px,1fr));gap:8px;max-width:none;margin:350px 0 0;padding:0 18px 18px;position:relative;bottom:auto;left:auto;overflow-x:auto}.state-dock.two-items{grid-template-columns:repeat(2,minmax(148px,1fr))}.state-dock::-webkit-scrollbar{display:none}.state-dock button{grid-template-columns:48px 1fr;min-height:62px}.stage-index{display:none}.configuration-panel{border-top:1px solid #dcded7;border-left:0;height:auto;min-height:640px}.panel-head{padding:24px 22px 20px}.panel-head h2{font-size:23px}.section-nav{padding:0 18px}.panel-body{overflow:visible}.config-section,.info-page{padding-left:18px;padding-right:18px}.size-visual{height:148px}.form-visual{height:150px}.selection-bar{z-index:10;position:sticky;bottom:0}.custom-list{grid-template-columns:1fr}}@media (width<=560px){.product-stage{min-height:690px}.stage-meta span:first-child,.stage-meta i{display:none}.editorial-copy{padding-top:84px}.editorial-copy h1{font-size:34px}.editorial-copy>p:last-of-type{padding-right:10px}.product-visual{height:300px;top:300px}.visual-lock{width:136vw}.product-composite:not(.compact).size-260 .user-state-layer{width:104%}.product-composite:not(.compact).size-300 .user-state-layer{width:92%}.state-dock{margin-top:304px}.size-grid,.form-grid{gap:8px}.size-visual,.form-visual{height:116px}.size-copy,.form-copy{padding:10px 11px 11px;display:block}.size-copy small,.form-copy small{margin-top:3px;display:block}.catalog-pill{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}