:root{color:#182631;background:#101a24;font-family:Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer;transition:background .18s}button:disabled{opacity:.4;cursor:wait}button:focus-visible{outline-offset:3px;outline:3px solid #e7a34d}a:focus-visible{outline-offset:3px;outline:3px solid #e7a34d}input:focus-visible{outline-offset:3px;outline:3px solid #e7a34d}select:focus-visible{outline-offset:3px;outline:3px solid #e7a34d}button:hover{filter:brightness(1.08)}.atlas{grid-template-rows:78px minmax(680px,calc(100dvh - 78px));grid-template-columns:244px minmax(320px,1fr) 290px;min-height:100dvh;display:grid;overflow:hidden}.topbar{color:#eef1f4;background:#111c27;border-bottom:1px solid #34404c;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 28px;display:flex}.brand{color:inherit;letter-spacing:1.5px;align-items:center;gap:12px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.brand svg{color:#e6ac56}.brand small{letter-spacing:3px;color:#9caab7;margin-top:5px;font-size:12px;font-weight:400;display:block}.top-context{color:#b9c5ce;align-items:center;gap:10px;font-size:14px;display:flex}.top-context i,.stage-note i{background:#b88335;border-radius:50%;width:6px;height:6px;display:inline-block}.edition{letter-spacing:1.3px;color:#99aab8;font-size:12px}.edition b{color:#e7edf2;margin-left:12px;font-size:18px;font-weight:400}.library{color:#eef1f2;background:#15222e;flex-direction:column;padding:34px 20px;display:flex}.eyebrow{letter-spacing:1.25px;color:#8497a7;font-size:12px;font-weight:600}.library h2{margin:13px 0 30px;font-size:19px;font-weight:500;line-height:1.6}.library label{color:#a7b7c5;margin-bottom:10px;font-size:13px}.library select{color:#f3f6f8;background:#223441;border:1px solid #3e5364;border-radius:6px;width:100%;padding:12px 10px;font-size:14px}.product-meta{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.product-meta span{color:#aabac7;border:1px solid #3b4b58;border-radius:3px;padding:4px 7px;font-size:12px}.divider{background:#30414e;height:1px;margin:28px 0}.view-nav{gap:9px;margin-top:17px;display:grid}.view-nav button{color:#a6b8c7;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:15px 10px;display:flex}.view-nav button[aria-pressed=true]{color:#f7eedf;background:#2b3b46;border-color:#58615e}.view-nav button[aria-pressed=true]>svg:first-child{color:#e9b16a}.view-nav button span{flex:1;font-size:15px}.view-nav small{color:#98adbd;margin-top:6px;font-size:12px;display:block}.library-foot{align-items:center;gap:14px;margin-top:auto;padding-top:32px;display:flex}.library-foot>b{color:#526879;letter-spacing:-3px;font-size:44px;font-weight:300;line-height:1}.library-foot>span{letter-spacing:1px;color:#ced9e0;font-size:12px}.library-foot small{letter-spacing:0;color:#849aab;margin-top:7px;display:block}.stage{isolation:isolate;background:#dce5ea;min-width:0;position:relative;overflow:hidden}.stage-head{z-index:3;pointer-events:none;justify-content:space-between;gap:10px;display:flex;position:absolute;top:27px;left:28px;right:24px}.stage-head .eyebrow{color:#60717e}.stage h1{letter-spacing:-1px;margin:10px 0 0;font-size:26px;font-weight:500;line-height:1.4}.tools{pointer-events:auto;align-items:flex-start;gap:6px;display:flex}.tools button{color:#2c4455;background:#edf2f4bb;border:1px solid #b9c7d0;border-radius:6px;padding:10px}.canvas-wrap{position:absolute;top:0;bottom:0;left:0;right:0}.canvas-wrap canvas{touch-action:none;outline-offset:-4px;width:100%;height:100%;display:block}.stage-note{color:#697b88;pointer-events:none;align-items:center;gap:7px;font-size:12px;display:flex;position:absolute;top:117px;left:29px}.control-dock{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:4;background:#f8fafbdb;border:1px solid #fff;border-radius:12px;width:calc(100% - 56px);max-width:460px;padding:18px 20px 14px;position:absolute;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #24445b16}.explode-head{justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.explode-head output{color:#2b4759;font-family:monospace;font-size:20px}.explode-head output small{margin-left:4px;font-size:12px;font-weight:400}.control-dock input{accent-color:#a9702d;cursor:ew-resize;width:100%;height:5px;margin:13px 0 14px}.dock-actions{justify-content:space-between;gap:5px;display:flex}.dock-actions button{color:#4d6677;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-size:13px;display:flex}.dock-actions .primary{color:#fff;background:#243b4c;padding:9px 12px}.dock-actions button[aria-pressed=true]{color:#223a4b;background:#dce6ed}.gesture-hint{text-align:center;color:#657c8b;pointer-events:none;width:100%;font-size:12px;position:absolute;bottom:19px}.shape-picker{z-index:4;flex-wrap:wrap;justify-content:center;gap:5px;display:flex;position:absolute;top:154px;left:25px;right:25px}.shape-picker button{color:#516877;background:#f1f5f6b3;border:1px solid #b4c3cd;border-radius:20px;padding:6px 12px;font-size:13px}.shape-picker button[aria-pressed=true]{color:#fff;background:#253e50;border-color:#253e50}.inspector{background:#f6f8f9;border-left:1px solid #cbd5dc;flex-direction:column;padding:32px 22px;display:flex}.part-list{gap:6px;margin-top:20px;display:grid}.part-row{border:1px solid #0000;border-radius:7px;display:flex;overflow:hidden}.part-row.selected{background:#e5ecf0;border-color:#bfccd4}.part-select{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:11px;min-width:0;padding:13px 8px;display:flex}.part-swatch{border:1px solid #0002;border-radius:50%;flex-shrink:0;width:24px;height:24px;box-shadow:inset 0 0 0 3px #fff2}.part-select span:last-child{font-size:14px;font-weight:600}.part-select small{letter-spacing:.4px;color:#768a99;margin-top:5px;font-size:10px;font-weight:400;display:block}.eye{color:#708696;background:0 0;border:0;padding:8px}.detail{border-top:1px solid #d4dfe5;margin-top:23px;padding-top:24px}.detail h2{margin:12px 0;font-size:24px;font-weight:500}.detail p{color:#5a6d7b;font-size:14px;line-height:1.9}.material-facts{margin:20px 0}.material-facts>div{border-bottom:1px solid #e0e7eb;justify-content:space-between;gap:10px;padding:11px 0;font-size:12px;display:flex}.material-facts span{color:#8192a0}.material-facts b{text-align:right;color:#4d6272;font-weight:500}.isolate{color:#375668;background:#fff;border:1px solid #bacbd6;border-radius:6px;justify-content:center;gap:8px;width:100%;padding:12px;font-size:14px;display:flex}.isolate[aria-pressed=true]{color:#fff;background:#243c4d}.info-note{color:#7c8c98;gap:9px;margin-top:22px;display:flex}.info-note svg{flex-shrink:0;margin-top:3px}.info-note p{margin:0;font-size:12px;line-height:1.8}.inspector-bottom{color:#92a1ab;margin-top:auto;padding-top:30px;font-size:12px}.inspector-bottom small{letter-spacing:1px;margin-top:7px;font-size:10px;display:block}.loading{color:#3c5668;z-index:6;text-align:center;background:#fffe;border:1px solid #bdc9d2;border-radius:10px;min-width:230px;padding:22px;font-size:14px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.loading>i{border:2px solid #bccbd5;border-top-color:#b98136;border-radius:50%;width:25px;height:25px;margin:0 auto 14px;animation:1s linear infinite spin;display:block}.error button{color:#fff;background:#243c4d;border:0;border-radius:4px;margin:14px auto 0;padding:8px 16px;display:block}.part-label{color:#314e62;white-space:nowrap;background:#f6fafbdd;border:1px solid #a6b8c6;border-radius:5px;padding:7px 10px;font-size:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 12px #13304712}.part-label[data-selected=true]{color:#7d531e;background:#fff6e7;border-color:#ad7a36}.model-labels{pointer-events:none;z-index:2;position:absolute;top:0;bottom:0;left:0;right:0}.part-label{pointer-events:auto}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1600px){.atlas{grid-template-columns:268px minmax(320px,1fr) 318px}.stage h1{font-size:31px}.inspector{padding:35px 28px}}@media (max-width:1150px){.atlas{grid-template-columns:210px minmax(300px,1fr) 255px}.library{padding:28px 14px}.inspector{padding:28px 15px}.stage-head{left:20px;right:16px}.stage h1{font-size:22px}.stage-note{left:20px}.top-context{display:none}.control-dock{width:calc(100% - 28px);padding:15px 12px}.dock-actions button{padding:8px 4px;font-size:12px}.dock-actions .primary{padding:8px}}@media (max-width:900px){.atlas{grid-template-rows:70px auto minmax(680px,calc(100dvh - 190px));grid-template-columns:1fr 250px}.library{flex-direction:row;grid-column:1/-1;align-items:center;gap:15px;padding:14px 20px}.library>.eyebrow,.library h2,.library label,.product-meta,.divider,.library-foot{display:none}.library select{max-width:200px}.view-nav{flex:1;justify-content:flex-end;gap:5px;margin:0;display:flex}.view-nav button{padding:10px 12px}.view-nav small,.view-nav button>svg:last-child{display:none}.view-nav button span{font-size:14px}.stage{min-height:680px}.inspector{padding-top:24px}.topbar{padding:0 20px}}@media (max-width:640px){.atlas{flex-direction:column;display:flex;overflow:visible}.topbar{flex-shrink:0;height:68px;padding:0 16px}.edition{font-size:10px}.edition b{font-size:15px}.brand{gap:8px;font-size:12px}.brand small{letter-spacing:1px;font-size:11px}.brand svg{width:23px}.library{grid-template-columns:1fr;gap:10px;padding:12px;display:grid}.library select{max-width:none;padding:9px}.view-nav{justify-content:stretch;width:100%}.view-nav button{flex:1;justify-content:center;gap:6px;padding:10px 4px}.view-nav button span{flex:initial;font-size:13px}.view-nav button svg{width:16px}.stage{flex:none;height:75dvh;min-height:640px;max-height:850px}.stage h1{font-size:22px}.stage-head{top:22px;left:18px}.stage-head .eyebrow{font-size:10px}.stage-note{font-size:11px;top:110px;left:18px}.tools{gap:4px}.tools button{padding:8px}.control-dock{width:calc(100% - 30px);max-width:400px;bottom:46px}.dock-actions button{font-size:13px}.inspector{border-left:0;padding:24px 20px}.part-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.part-select{gap:8px;padding:11px 5px}.part-select small{font-size:9px}.part-select span:last-child{font-size:12px}.part-swatch{width:19px;height:19px}.eye{padding:4px}.detail p{font-size:15px}.material-facts>div{font-size:14px}.inspector-bottom{display:none}.shape-picker{top:145px;left:15px;right:15px}.part-label{padding:6px;font-size:11px}.gesture-hint{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}}