@font-face{font-family:StudioSans;src:local('Segoe UI');font-display:swap}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:StudioSans,Arial,'Microsoft YaHei',sans-serif;color:#252522;background:#f4f2ec}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #9b272b;outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.masthead{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcd9d0;padding:0 38px;background:#f8f6f0;position:relative;z-index:4}.wordmark{position:relative;font-size:25px;font-weight:850;letter-spacing:-1.1px;line-height:1;padding-right:26px;display:flex;align-items:center;gap:5px}.wordmark>span{font-weight:350}.wordmark>svg{width:16px;height:24px;fill:#952b2d;margin-left:2px;align-self:flex-start}.edition{font-size:10px;font-weight:650;letter-spacing:2.5px;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.edition>span{color:#9b272b;margin:0 9px}.prototype-tag{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.1px;color:#75746d}.prototype-tag>span{width:5px;height:5px;background:#87282b;border-radius:50%}.prototype-tag>b{color:#3c3d38;border:1px solid #d4d0c6;font-size:10px;margin-left:8px;padding:7px;font-weight:500}.studio{display:grid;grid-template-columns:minmax(0,1fr) 374px;height:calc(100dvh - 88px);min-height:640px}.stage{position:relative;overflow:hidden;background:radial-gradient(ellipse at 54% 39%,#f8f6ef 0%,#efede5 60%,#e6e3d9 100%);min-width:0;isolation:isolate}.stage-heading{position:absolute;left:46px;top:36px;z-index:2;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:600;color:#6b6a63}.stage-heading h1{font-size:clamp(24px,3vw,43px);line-height:1.1;letter-spacing:-1.4px;font-weight:420;margin:14px 0 12px}.stage-heading h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.stage-heading p{font-size:10px;letter-spacing:.15px;color:#77766e;margin:0}#canvas-host{position:absolute;inset:0}#canvas-host canvas{display:block;width:100%;height:100%;touch-action:none}.model-id{position:absolute;bottom:95px;left:46px;pointer-events:none;display:flex;flex-direction:column;gap:7px}.model-id>span{font-size:10px;font-weight:650;letter-spacing:1px}.model-id>small{font-size:8px;letter-spacing:1.4px;color:#7e7c73}.view-toolbar{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#faf9f4e8;backdrop-filter:blur(12px);border:1px solid #dddacf;border-radius:7px;padding:6px;box-shadow:0 6px 20px #22220f08;z-index:3}.view-toolbar button{border:0;background:transparent;padding:8px 12px;font-size:10px;color:#5d5d57;border-radius:4px;line-height:1}.view-toolbar button:hover,.view-toolbar button.active{background:#e6e3d9;color:#1e1f1d}.view-toolbar button:disabled{opacity:.3}.view-toolbar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;display:block}.toolbar-divider{height:20px;width:1px;background:#d8d4c9;margin:0 6px}.gesture-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;font-size:8px;color:#77756d;white-space:nowrap;letter-spacing:.15px;pointer-events:none}.gesture-hint svg{width:10px;height:12px;fill:none;stroke:currentColor;stroke-width:1.3}.gesture-hint>span{padding:0 2px}.config-panel{position:relative;border-left:1px solid #dcd9d0;background:#faf9f4;display:flex;flex-direction:column;min-height:0}.panel-heading{padding:39px 32px 28px}.panel-heading h2{font-weight:450;font-size:30px;letter-spacing:-1px;line-height:1.2;margin:13px 0 10px}.panel-heading h2>span{font-size:10px;vertical-align:top;display:inline-block;margin:5px 0 0 3px}.panel-heading p{font-size:11px;color:#8b8980;margin:0;line-height:1.7}.tabs{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #e6e3da;border-bottom:1px solid #e1ddd3;padding:0 20px;gap:6px}.tabs button{height:54px;border:0;border-bottom:2px solid transparent;background:none;font-size:9px;color:#a5a198;padding:0 6px;text-align:left;white-space:nowrap}.tabs button>span{font-size:11px;color:#7f7c72;margin-left:6px}.tabs button[aria-selected=true]{border-bottom-color:#98282d;color:#9b272b}.tabs button[aria-selected=true]>span{color:#282824;font-weight:650}.panel-body{padding:30px 32px 25px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#d8d2c5 transparent}.section-label{display:flex;align-items:center;justify-content:space-between}.section-label h3{font-size:14px;font-weight:550;letter-spacing:-.15px;margin:0}.section-label>span{font-size:8px;letter-spacing:1px;color:#9b9689}.section-description{font-size:10px;color:#959082;line-height:1.8;margin:9px 0 24px}.selected-finish{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px}.selected-finish>strong{font-size:12px;font-weight:500}.selected-finish>span{font-size:9px;letter-spacing:.8px;color:#9b968c}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0 0 32px}.swatch{position:relative;border:0;padding:0;background:var(--swatch);height:55px;border-radius:50%;width:55px;justify-self:center;box-shadow:inset 0 0 0 1px #0000000d;transition:transform .2s}.swatch:hover{transform:translateY(-2px)}.swatch.selected:before{content:'';position:absolute;inset:-5px;border:1px solid #8e292c;border-radius:50%}.swatch>span{position:absolute;bottom:-20px;left:0;right:0;text-align:center;color:#aaa496;font-size:8px}.swatch.selected>span{color:#782b2e}.custom-color{display:flex;align-items:center;justify-content:space-between;border:1px solid #dfdbd0;padding:14px 15px;margin:14px 0 0;cursor:pointer}.custom-color>span:first-child{display:flex;flex-direction:column;gap:6px}.custom-color strong{font-size:11px;font-weight:500}.custom-color small{font-size:9px;color:#979183}.color-input-wrap{width:26px;height:26px;border:1px solid #d9d4c6;position:relative;display:grid;place-items:center}.color-input-wrap input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.color-input-wrap svg{width:12px;height:12px;stroke:#6d675a;stroke-width:1;pointer-events:none}.material-note{border-top:1px solid #e5e0d5;margin-top:34px;padding-top:23px;display:flex;gap:12px}.material-note>svg{width:20px;height:20px;flex-shrink:0;stroke:#8b8373;fill:none;stroke-width:1}.material-note strong{font-size:10px;font-weight:500;color:#696153}.material-note p{font-size:9px;line-height:1.9;color:#9b9486;margin:7px 0 0}.option-list{margin-top:-8px}.option-row{display:flex;position:relative;align-items:center;justify-content:space-between;gap:10px;padding:17px 0;border-bottom:1px solid #e6e1d6;cursor:pointer}.option-row>span:first-child{display:flex;flex-direction:column;gap:6px}.option-row strong{font-size:11px;font-weight:550}.option-row small{font-size:9px;color:#999182;line-height:1.6}.option-row input{position:absolute;right:0;opacity:0;width:35px;height:25px;margin:0}.switch{height:18px;width:32px;background:#d7d2c6;border-radius:20px;flex-shrink:0;transition:background .2s;pointer-events:none}.switch:after{content:'';display:block;width:12px;height:12px;background:#fffdf8;border-radius:50%;margin:3px;transition:transform .2s}.option-row input:checked+.switch{background:#942c30}.option-row input:checked+.switch:after{transform:translateX(14px)}.option-row input:focus-visible+.switch{outline:2px solid #9b272b;outline-offset:5px}.option-row:has(input:disabled){opacity:.45;cursor:not-allowed}.fine-note{font-size:9px;line-height:1.9;color:#999285;margin:22px 0 0}.motion-row{display:block;margin:0 0 27px}.motion-row>span{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.motion-row strong{font-size:11px;font-weight:550}.motion-row output{font-size:10px;color:#8a3a3b;font-variant-numeric:tabular-nums}.motion-row input{display:block;width:100%;height:3px;margin:0;accent-color:#982b2f;cursor:pointer}.motion-row>small{display:flex;justify-content:space-between;font-size:8px;color:#a49b8b;margin-top:12px}.motion-row:has(input:disabled){opacity:.4}.text-button{display:flex;justify-content:space-between;width:100%;background:none;border:0;border-top:1px solid #e0dacd;padding:18px 0 0;font-size:10px;text-align:left}.text-button>span{color:#922d32}.panel-footer{padding:19px 32px 20px;border-top:1px solid #e5e0d4;background:#f2efe6}.status-line{display:flex;align-items:center;gap:6px;font-size:8px;color:#766d5f;letter-spacing:.25px}.status-line>span:first-child{width:4px;height:4px;border-radius:50%;background:#bba878}.status-line>span:first-child.ready{background:#667b5c}.status-line>span:first-child.error{background:#a43d36}.status-end{margin-left:auto;font-size:7px;letter-spacing:1px;color:#a39a89}.panel-footer p{font-size:8px;line-height:1.9;color:#a0937f;margin:12px 0 0}.panel-footer .accuracy-note{font-size:7px;color:#a99e8d;line-height:1.6;margin-top:8px}.loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:80%;padding:30px 35px;background:#f8f6eedb;border:1px solid #ddd6c6;border-radius:5px;text-align:center;z-index:5;backdrop-filter:blur(8px)}.loading strong{display:block;font-size:14px;font-weight:500;margin-top:16px;white-space:nowrap}.loading p{font-size:10px;line-height:1.8;color:#8b7e6b;margin:10px 0 0}.loading button{margin-top:16px;background:#902c30;color:white;border:0;padding:9px 16px;font-size:11px;border-radius:2px}.spinner{display:inline-block;width:20px;height:20px;border:1px solid #d5cabb;border-top-color:#9b272b;border-radius:50%;animation:spin 1.2s linear infinite}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);background:#262923ef;color:#fffaf0;padding:13px 21px;font-size:11px;line-height:1.7;border-radius:5px;max-width:calc(100vw - 40px);text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.studio{grid-template-columns:minmax(0,1fr) 420px}.panel-heading{padding:44px 40px 34px}.panel-body{padding:35px 40px}.panel-footer{padding:22px 40px}.swatch{width:62px;height:62px}.stage-heading{left:58px;top:46px}}@media(max-width:1100px){.masthead{padding:0 25px}.studio{grid-template-columns:minmax(0,1fr) 330px}.panel-heading,.panel-body{padding-left:25px;padding-right:25px}.panel-footer{padding-left:25px;padding-right:25px}.stage-heading{left:28px;top:30px}.stage-heading h1{font-size:30px}.edition{font-size:8px;letter-spacing:1.6px}.prototype-tag{font-size:7px}.wordmark{font-size:21px}.swatches{gap:12px}.swatch{width:49px;height:49px}.model-id{left:28px;bottom:108px}.panel-heading h2{font-size:27px}}@media(max-width:780px){.masthead{height:69px;padding:0 21px}.wordmark{font-size:20px}.wordmark>svg{width:13px;height:20px}.edition{position:static;transform:none;font-size:7px;letter-spacing:1.1px;margin-left:auto}.edition>span{margin:0 4px}.prototype-tag{display:none}.studio{display:flex;flex-direction:column;height:auto;min-height:0}.stage{height:67dvh;min-height:440px;max-height:690px}.stage-heading{left:24px;top:25px}.eyebrow{font-size:7px;letter-spacing:1.5px}.stage-heading h1{font-size:29px;margin-top:10px}.stage-heading p{font-size:9px}.model-id{left:24px;bottom:94px}.model-id>span{font-size:8px}.model-id>small{font-size:6px}.config-panel{border-left:0;border-top:1px solid #d4cebf}.panel-heading{padding:28px 25px 25px}.panel-heading h2{font-size:30px}.panel-heading p{font-size:10px}.tabs{padding:0 24px;gap:24px}.tabs button{height:49px;font-size:9px}.panel-body{padding:27px 25px 32px;overflow:visible}.section-label h3{font-size:14px}.section-description{margin-bottom:23px}.swatches{max-width:350px;margin:0 0 39px;gap:24px}.swatch{width:57px;height:57px;justify-self:start}.custom-color{max-width:400px}.material-note{margin-top:28px;padding-top:23px}.panel-footer{padding:18px 25px 21px}.motion-row{margin-bottom:29px}.option-row{padding:19px 0}.view-toolbar{bottom:38px}.gesture-hint{bottom:15px}.loading{padding:25px;width:300px}.toast{bottom:18px}.panel-footer p{font-size:9px}}@media(max-width:400px){.edition{font-size:6px;letter-spacing:.7px}.wordmark{font-size:17px;gap:4px;padding-right:0}.stage-heading h1{font-size:26px}.view-toolbar button{padding:8px 10px}.swatches{gap:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.texture-picker{border:0;padding:0;margin:27px 0 0;min-width:0}.texture-picker legend{padding:0;font-size:11px;font-weight:550;width:100%;display:flex;justify-content:space-between}.texture-picker legend>span{font-size:10px;font-weight:400;color:#8c8272}.texture-description{display:block;font-size:9px;line-height:1.8;color:#979183;margin:8px 0 13px}.texture-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.texture-option{position:relative;display:block;cursor:pointer}.texture-option>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.texture-card{display:flex;flex-direction:column;gap:5px;padding:9px;border:1px solid #dfdbd0;border-radius:5px;background:#f7f4ec;transition:border-color .2s,background .2s;min-height:122px}.texture-card>svg{display:block;width:100%;height:58px;object-fit:cover;margin-bottom:3px}.texture-card>strong{font-size:11px;font-weight:550;letter-spacing:.5px}.texture-card>span{font-size:9px;color:#8c8272}.texture-option:hover .texture-card{border-color:#bca892}.texture-option>input:checked+.texture-card{border-color:#9d100b;box-shadow:inset 0 0 0 1px #9d100b;background:#fbf1e9}.texture-option>input:checked+.texture-card>strong{color:#902d28}.texture-option>input:focus-visible+.texture-card{outline:2px solid #9d100b;outline-offset:4px}.texture-option>input:disabled{cursor:not-allowed}.texture-option>input:disabled+.texture-card{opacity:.4}.texture-options:has(input:disabled){cursor:not-allowed}@media(max-width:780px){.texture-picker{max-width:440px}.texture-options{gap:12px}.texture-card{padding:11px;min-height:134px}.texture-card>svg{height:70px}}@media(max-width:450px){.stage .view-toolbar{width:max-content;max-width:calc(100% - 20px);padding:5px;gap:0}.stage .view-toolbar button{padding:8px 7px;font-size:9px}.stage .toolbar-divider{margin:0 3px}}
.artwork-picker{border:0;border-top:1px solid #e5e0d5;padding:24px 0 0;margin:28px 0 0;min-width:0}.artwork-picker legend{float:left;padding:0;font-size:12px;font-weight:550;width:100%;display:flex;justify-content:space-between;margin-bottom:10px}.artwork-picker legend>span{font-size:10px;font-weight:400;color:#8c8272}.artwork-description{clear:both;font-size:9px;line-height:1.8;color:#979183;margin:0 0 15px}.artwork-selection{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;min-height:39px}.artwork-selection>strong{font-size:11px;font-weight:550;line-height:1.5}.artwork-selection>span{font-size:9px;color:#928774}.artwork-selection b{font-weight:400;letter-spacing:.7px;margin-left:5px}.artwork-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.artwork-option{position:relative;display:block;min-width:0;cursor:pointer}.artwork-option>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.artwork-card{display:flex;flex-direction:column;gap:5px;padding:8px;border:1px solid #dfdbd0;border-radius:5px;background:#f7f4ec;min-height:128px;height:100%;transition:border-color .2s,background .2s}.artwork-preview{display:block;width:100%;height:69px;overflow:hidden;border-radius:3px;background:var(--artwork-base,#9d100b);position:relative;margin-bottom:4px}.artwork-preview>img{display:block;width:100%;height:100%;object-fit:cover}.artwork-solid{background:linear-gradient(125deg,#ffffff55 0%,#ffffff00 38%,#00000030 100%),var(--artwork-base,#9d100b)}.artwork-solid:after{content:'';position:absolute;inset:12px 32%;border-radius:50%;border:1px solid #ffffff66;box-shadow:inset -5px -5px 14px #0000002b,inset 3px 3px 9px #ffffff36}.artwork-thumbnail-missing:after{content:'Preview unavailable';position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#fff8eb;font-size:8px;background:#25252266}.artwork-card>strong{font-size:10px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.artwork-card>span:last-child{font-size:8px;line-height:1.5;color:#8c8272}.artwork-option:hover .artwork-card{border-color:#bca892}.artwork-option>input:checked+.artwork-card{border-color:#9d100b;box-shadow:inset 0 0 0 1px #9d100b;background:#fbf1e9}.artwork-option>input:checked+.artwork-card>strong{color:#902d28}.artwork-option>input:focus-visible+.artwork-card{outline:2px solid #9d100b;outline-offset:4px}.artwork-option>input:disabled{cursor:not-allowed}.artwork-option>input:disabled+.artwork-card{opacity:.45}.artwork-option.pending .artwork-preview:after{content:'';position:absolute;left:calc(50% - 9px);top:calc(50% - 9px);width:18px;height:18px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin 1.2s linear infinite}.artwork-status{font-size:9px;color:#8c8272;line-height:1.8;min-height:32px;margin:14px 0 0}.artwork-retry{margin-top:8px;border:1px solid #cdbbad;background:#faf3e9;padding:8px 11px;border-radius:3px;color:#902d28;font-size:10px}.artwork-retry:disabled{opacity:.4}@media(max-width:780px){.artwork-picker{max-width:440px}.artwork-options{gap:12px}.artwork-card{padding:10px;min-height:153px}.artwork-preview{height:91px}.artwork-card>strong{font-size:11px}.artwork-card>span:last-child{font-size:9px}}@media(prefers-reduced-motion:reduce){.artwork-option.pending .artwork-preview:after{animation:none}}