:root{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#242422;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #5c685b}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #eee;position:relative}.edition,.demo-label{font-size:12px;letter-spacing:2px;color:#6f716a}.logo{color:#242422;text-decoration:none;font-weight:500;font-size:27px;letter-spacing:1px;position:absolute;left:50%;transform:translateX(-50%)}.logo span{font-size:10px;letter-spacing:3px;margin-left:12px}main{display:grid;grid-template-columns:58% 42%;height:calc(100svh - 68px);min-height:650px}.viewer{background:#efefef;position:relative;overflow:hidden}.visual{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .4s;transform-origin:50% 32%}.model-image{height:100%;width:100%;object-fit:contain;object-position:center top;mix-blend-mode:multiply}.visual.zoomed{transform:scale(1.65)}.price-box{position:absolute;left:30px;top:27px;z-index:4;font-size:14px}.price-box b{font-weight:600;margin-left:6px}.price-box small{display:block;font-size:12px;color:#76776f;margin-top:9px}.view-bottom{position:absolute;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:end;z-index:5}.view-caption span{font-size:14px;display:block}.view-caption small{font-size:12px;color:#73776d;display:block;margin-top:8px}.round{border:1px solid #d1d3cd;border-radius:50%;background:#ffffffd9;width:42px;height:42px;font-size:23px}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff}nav{display:flex;align-items:center;gap:5px;min-height:84px;padding:16px 24px;border-bottom:1px solid #eee}nav button{border:0;border-radius:24px;background:none;padding:12px 18px;white-space:nowrap;font-size:14px}nav button.active{background:#eee;font-weight:600}nav .finish{margin-left:auto;background:#2c2c29;color:white}nav .finish.active{background:#2c2c29;color:#fff}#panel{flex:1;min-height:0;overflow:auto;padding:26px 26px 30px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel-heading h1{font-size:19px;font-weight:500;margin:0}.panel-heading span{font-size:12px;color:#777}.muted{font-size:14px;color:#777;line-height:1.75}.toolbar{display:flex;gap:10px;margin-bottom:22px}.search-wrap{position:relative;flex:1}.search-wrap input{width:100%;padding:12px 12px 12px 36px;background:#f5f5f4;border:1px solid transparent;border-radius:4px;font-size:14px}.search-wrap span{position:absolute;left:13px;top:10px;font-size:19px;color:#666}.toolbar select{font-size:14px;border:1px solid #e5e5e1;background:white;padding:0 10px;border-radius:4px;max-width:115px}.fabrics{display:grid;grid-template-columns:1fr 1fr;gap:25px 18px}.fabric{position:relative;min-width:0}.fabric-select{display:block;text-align:left;width:100%;border:0;padding:0;background:none}.swatch{width:100%;aspect-ratio:1.25;object-fit:cover;display:block;border-radius:3px;outline:2px solid transparent;outline-offset:3px}.fabric-select.selected .swatch{outline-color:#454941}.fabric-select .check{display:none}.fabric-select.selected .check{display:grid}.check{position:absolute;left:10px;top:10px;background:white;width:24px;height:24px;border-radius:50%;place-items:center;font-size:14px;box-shadow:0 1px 5px #0001}.fabric h2{font-size:14px;font-weight:500;line-height:1.55;margin:13px 0 4px}.fabric p{font-size:12px;color:#747870;margin:0 0 7px}.fabric .fabric-price{font-size:14px}.info-btn{position:absolute;right:10px;top:10px;width:26px;height:26px;border:0;border-radius:50%;background:#fffffff0;font:italic 18px Georgia}.fabric-card-meta{padding:0 1px}footer{padding:20px 26px;border-top:1px solid #e9e9e5;display:flex;align-items:center;justify-content:space-between;gap:10px}footer span{font-size:12px;color:#7b7e76}footer button,.primary{font-size:14px;border:0;background:#2c2c29;color:white;border-radius:24px;padding:13px 21px}.section-title{font-size:22px;font-weight:500;margin:0 0 10px}.selected-fabric{display:flex;align-items:center;gap:14px;padding:16px;background:#f6f6f4;margin:25px 0}.selected-fabric img{width:50px;height:50px;object-fit:cover}.selected-fabric strong{font-size:14px;font-weight:500}.selected-fabric small{display:block;font-size:12px;color:#767a70;margin-top:8px}.option-group{margin:27px 0}.option-group h3{font-size:14px;font-weight:500;margin:0 0 14px;display:flex;justify-content:space-between}.option-group h3 small{font-size:12px;font-weight:400;color:#82867c}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{border:1px solid #dedfd9;background:#fff;padding:15px;text-align:left;border-radius:4px;font-size:14px;line-height:1.7}.option.selected{border-color:#40483e;box-shadow:inset 0 0 0 1px #40483e}.option img{width:100%;height:110px;object-fit:contain;display:block;margin-bottom:12px}.option small{display:block;color:#7b8075;font-size:12px;margin-top:4px}.option.selected::after{content:'✓';float:right;font-size:14px}.detail-note{font-size:12px;color:#7b7e76;line-height:1.8;border-top:1px solid #e7e8e2;margin-top:25px;padding-top:18px}.layer-stack{position:relative;width:90%;height:90%;max-height:900px}.layer-stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.load-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 18px;border-radius:6px;background:#ffffffed;font-size:14px;z-index:10}.angle-controls{display:flex;gap:6px}.angle-controls button,.view-toggle{border:1px solid #d7d9d2;background:#ffffffdf;font-size:12px;padding:11px 15px;border-radius:20px}.angle-controls button.active{background:#30352d;color:#fff}.summary-hero{font:32px Georgia,serif;line-height:1.2;margin:30px 0 24px}.summary-row{display:flex;gap:15px;justify-content:space-between;padding:18px 0;border-bottom:1px solid #eee;font-size:14px}.summary-row span{color:#7c8075}.summary-row b{font-weight:500;text-align:right}.summary-actions{display:flex;gap:12px;margin-top:24px}.secondary{border:1px solid #d5d8ce;background:white;border-radius:22px;padding:12px 18px;font-size:14px}.empty{padding:50px 20px;text-align:center;font-size:14px;color:#666}.empty button{display:block;margin:20px auto}dialog{width:min(480px,calc(100% - 36px));border:0;padding:30px;border-radius:8px;color:#242422}dialog::backdrop{background:#0006}.close{position:absolute;top:12px;right:12px;border:0;background:white;border-radius:50%;width:34px;height:34px;font-size:25px}dialog img{width:100%;aspect-ratio:1.7;object-fit:cover;margin-top:15px}dialog h2{font-size:23px;font-weight:500}dialog p{font-size:14px;line-height:1.75;color:#74786f}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#2c3229;color:white;padding:14px 22px;border-radius:5px;font-size:14px;opacity:0;pointer-events:none;z-index:50}#toast.show{opacity:1}@media(min-width:1500px){#panel{padding:30px 40px}.swatch{aspect-ratio:1.4}nav,footer{padding-left:40px;padding-right:40px}}@media(max-width:1050px){main{grid-template-columns:53% 47%}nav{gap:0;padding:12px}nav button{padding:12px 13px}#panel{padding:22px 18px}footer{padding:18px}footer span{max-width:120px;line-height:1.6}.price-box{left:20px}.view-bottom{left:20px;right:20px}.angle-controls button{padding:9px 12px}}@media(max-width:760px){header{height:58px;padding:0 18px}.edition{font-size:10px;letter-spacing:1px}.logo{font-size:22px}.logo span{display:none}.demo-label{font-size:11px}main{height:auto;min-height:0;display:block}.viewer{height:57svh;min-height:380px;max-height:650px}.price-box{top:18px;font-size:13px}.price-box small{font-size:11px}.view-bottom{bottom:16px}.workspace{min-height:500px}nav{position:sticky;top:0;z-index:15;background:#fff;min-height:72px;justify-content:space-between;padding:12px 16px}nav button{padding:11px 16px}nav .finish{margin-left:0}#panel{overflow:visible;padding:25px 22px}.swatch{aspect-ratio:1.3}footer{position:sticky;bottom:0;z-index:15;background:white}.visual.zoomed{transform:scale(1.4)}.model-image{object-fit:contain}.layer-stack{height:98%}.view-caption small{max-width:155px;line-height:1.4}.summary-hero{font-size:29px}}@media(prefers-reduced-motion:reduce){.visual{transition:none}}

.model-frame{height:100%;width:100%}.text-button{border:0;background:none;padding:8px;color:#666;font-size:12px;text-decoration:underline}.selected-fabric .text-button{margin-left:auto;white-space:nowrap}.three{grid-template-columns:repeat(3,1fr)}.spec-list{margin-top:25px}.spec-list>div{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #eee;font-size:14px}.spec-list span{color:#777}.spec-list b{font-weight:400}.summary-actions{flex-wrap:wrap}.empty{grid-column:1/-1}@media(max-width:390px){nav button{padding:11px 12px}.edition{font-size:9px}.three .option{padding:10px}}

@media(max-width:480px){header .edition{display:none}header .demo-label{margin-left:auto}.logo{font-size:23px;left:18px;transform:none;letter-spacing:.7px}}