:root{font-family:Microsoft YaHei,Segoe UI,sans-serif;color:#292d2c;background:#eff1ef;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:inherit}button:hover{background:#e3e8e4}button:focus-visible,input:focus-visible{outline:2px solid #197454;outline-offset:4px}svg{width:18px;height:18px;stroke-width:1.6}#workspace{height:100dvh;min-height:580px;position:relative;overflow:hidden}#viewport{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;left:36px;right:36px;top:28px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}header>*{pointer-events:auto}.identity{display:flex;align-items:center;gap:14px}.mark{display:grid;place-items:center;width:44px;height:44px;background:#285746;color:#fff;border-radius:6px}.mark svg{width:26px;height:26px}h1{font-size:21px;font-weight:600;margin:0 0 5px}p{font-size:11px;color:#747c76;margin:0}p span{padding:0 6px;color:#a6ada8}.primary{background:#285746;color:#fff;height:40px;padding:0 16px;border-radius:5px;font-size:12px}.primary:hover{background:#1e4537}.primary:disabled{opacity:.6}.view-tabs{position:absolute;top:116px;left:36px;display:flex;padding:3px;background:#e4e8e4;border-radius:5px}.view-tabs button{font-size:12px;padding:9px 19px;border-radius:3px}.view-tabs .active{background:#fff;box-shadow:0 1px 4px #192d1710}aside{position:absolute;right:36px;top:116px;width:220px;border-top:1px solid #d1d8d0;padding-top:19px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}h2{font-size:12px;font-weight:600;margin:0}.status-dot{width:6px;height:6px;background:#388663;border-radius:50%}.setting{margin:0 0 23px}.setting label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:10px;color:#535d56}output{font-size:11px;color:#253f31;font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;height:3px;accent-color:#285746;cursor:pointer;margin:12px 0}input[type=checkbox]{appearance:none;width:29px;height:16px;border-radius:12px;background:#c6ccc6;position:relative;cursor:pointer;margin:0}input[type=checkbox]:after{content:"";width:12px;height:12px;position:absolute;top:2px;left:2px;border-radius:50%;background:#fff;transition:transform .15s}input[type=checkbox]:checked{background:#285746}input[type=checkbox]:checked:after{transform:translate(13px)}.toggle-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:11px;color:#535d56}.material-row{border-top:1px solid #d1d8d0;margin-top:23px;padding-top:17px;display:flex;align-items:center;gap:8px;font-size:11px;color:#535d56}.material-row>span:first-child{margin-right:auto}.swatch{width:16px;height:16px;border-radius:50%;border:1px solid #b8beb8}.white{background:#fafaf8}.graphite{background:#3e4140}.metal{background:#a9afad}.parts{border-top:1px solid #d1d8d0;margin-top:20px;padding-top:17px}.parts ol{padding-left:20px;font-size:11px;color:#6d756e;line-height:2}.tools{position:absolute;bottom:66px;left:calc(50% - 70px);transform:translate(-50%);display:flex;align-items:center;gap:3px;background:#ffffffed;border:1px solid #d9ded7;border-radius:6px;padding:5px;box-shadow:0 3px 12px #23341a05}.tools button{width:36px;height:36px;border-radius:3px}.tools>span{height:18px;width:1px;background:#dce1da;margin:0 3px}footer{position:absolute;bottom:22px;left:36px;right:36px;display:flex;justify-content:space-between;color:#7f8880;font-size:10px;pointer-events:none}footer b{color:#388663;font-size:9px;margin-right:6px;font-weight:400}#toast{position:absolute;bottom:125px;left:50%;transform:translate(-50%);background:#293e32;color:#fff;border-radius:5px;font-size:12px;padding:10px 15px;opacity:0;pointer-events:none}#toast.visible{opacity:1}@media(max-width:700px){#workspace{min-height:740px}header{left:20px;right:20px;top:20px}.identity{gap:10px}.mark{width:36px;height:36px}.mark svg{width:22px;height:22px}h1{font-size:17px}.primary{padding:0 11px;height:36px}.view-tabs{top:90px;left:20px}.view-tabs button{padding:8px 15px}aside{inset:auto 20px 62px;width:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:26px;padding-top:13px}.panel-title{grid-column:1/-1;margin-bottom:15px}.setting{margin-bottom:12px}.setting:nth-of-type(4){grid-column:1/-1}.toggle-row{margin:4px 0 7px}.material-row,.parts{display:none}.tools{inset:90px 14px auto auto;transform:none;padding:3px;gap:0}.tools button{width:29px;height:30px}.tools button[data-view=top],.tools>span{display:none}.tools svg{width:16px;height:16px}footer{left:20px;right:20px;bottom:20px;font-size:9px}#toast{bottom:315px;white-space:nowrap}}@media(max-width:360px){.primary span{display:none}.view-tabs button{padding:8px 10px}footer{gap:15px}footer>span:last-child{text-align:right;max-width:150px}}.power-button{position:absolute;left:36px;bottom:66px;width:52px;height:52px;border-radius:50%;background:#fff;color:#6d756e;border:1px solid #bdc8bf;box-shadow:0 3px 12px #23341a12;transition:background .2s,color .2s,box-shadow .2s}.power-button svg{width:25px;height:25px;stroke-width:2}.power-button.is-on{background:#285746;color:#fff;border-color:#285746;box-shadow:0 0 0 5px #28574614}.power-button:hover{background:#e4ebe5}.power-button.is-on:hover{background:#1e4537}#light-state{margin-left:7px;font-size:10px;color:#7d887f;white-space:nowrap}@media(max-width:700px){.power-button{left:auto;right:20px;bottom:322px;width:46px;height:46px}#light-state{margin-left:4px;font-size:9px}.toggle-row label{min-width:0}.toggle-row input{flex-shrink:0}}@media(prefers-reduced-motion:reduce){.power-button,input[type=checkbox]:after{transition:none}}.brand-logo{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:700px){.brand-logo{width:36px;height:36px}}.view-tabs #product-photo-button{gap:6px}.view-tabs #product-photo-button svg{width:15px;height:15px}#product-photo-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:16px;border:1px solid #d9ded7;border-radius:8px;background:#fff;color:#292d2c;box-shadow:0 16px 64px #16221930}#product-photo-dialog::backdrop{background:#17221c80}.photo-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.photo-heading h2{font-size:14px}.photo-heading button{width:36px;height:36px;border-radius:4px}#product-photo-dialog>img{display:block;width:100%;height:auto;max-height:calc(100dvh - 120px);object-fit:contain}@media(max-width:700px){.view-tabs button{padding:8px 12px}.tools{top:148px;flex-direction:column}.tools button{width:32px;height:32px}#product-photo-dialog{padding:12px}.photo-heading{margin-bottom:8px}}@media(max-width:360px){.view-tabs button{padding:8px 10px}}