.modular-page{color:#17191d;background:#eef1f3;min-height:100vh}.modular-header{background:#fff;border-bottom:1px solid #dfe3e6;justify-content:space-between;align-items:center;min-height:72px;padding:0 clamp(20px,5vw,72px);display:flex}.modular-brand{align-items:center;gap:10px;display:flex}.modular-brand>span{clip-path:polygon(23% 0,77% 0,100% 50%,77% 100%,23% 100%,0 50%);color:#fff;background:#e51b36;justify-content:center;align-items:center;width:43px;height:38px;font-size:16px;font-weight:900;display:flex}.modular-brand b{letter-spacing:-.045em;font-size:19px;line-height:1}.modular-brand b>i{color:#e51b36;font-style:normal}.modular-brand small{color:#9298a1;letter-spacing:.2em;margin-top:4px;font-size:7px;display:block}.back-link{color:#5b626b;font-size:11px;font-weight:750}.modular-intro{grid-template-columns:1.25fr .75fr;align-items:end;gap:clamp(30px,7vw,100px);max-width:1440px;margin:0 auto;padding:clamp(52px,7vw,92px) clamp(20px,5vw,72px) 38px;display:grid}.modular-intro>div>p,.panel-index{color:#e51b36;letter-spacing:.2em;margin:0;font-size:8px;font-weight:850}.modular-intro h1{letter-spacing:-.066em;max-width:900px;margin:16px 0 0;font-size:clamp(39px,5.8vw,78px);line-height:.96}.modular-lead{color:#69717a;margin:0;font-size:14px;line-height:1.75}.viewer-shell{background:#fff;border:1px solid #dce1e4;border-radius:14px;width:calc(100% - clamp(40px,10vw,144px));max-width:1440px;margin:0 auto 80px;overflow:hidden;box-shadow:0 30px 90px #13161a21}.viewer-topbar{color:#fff;background:#171a1f;justify-content:space-between;align-items:center;min-height:64px;padding:0 18px;display:flex}.viewer-topbar>div:first-child{letter-spacing:.15em;font-size:8px;font-weight:850}.viewer-topbar>div:first-child i{background:#2dc47a;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block;box-shadow:0 0 0 4px #2dc47a1f}.viewer-topbar>div:first-child span{color:#818a94;margin-left:14px}.viewer-actions{gap:8px;display:flex}.viewer-actions button,.preset-actions button{color:#d6dbe1;cursor:pointer;background:#24282f;border:1px solid #3a3f47;border-radius:7px;min-height:36px;padding:0 13px;font-size:9px;font-weight:750}.viewer-actions button:hover,.preset-actions button:hover{color:#fff;border-color:#e51b36}.viewer-actions button.is-active{color:#fff;background:#e51b36;border-color:#e51b36}.viewer-grid{grid-template-columns:minmax(0,1fr) 310px;display:grid}.canvas-wrap{min-height:660px;position:relative;overflow:hidden}.canvas-host{touch-action:none;position:absolute;inset:0}.canvas-host canvas{width:100%;height:100%;display:block}.model-loading,.drag-hint{color:#d9dee4;letter-spacing:.08em;z-index:2;background:#14171cd1;border:1px solid #ffffff1f;border-radius:999px;padding:10px 14px;font-size:8px;font-weight:750;position:absolute;left:50%;transform:translate(-50%)}.model-loading{top:22px}.model-error{color:#ff8393}.drag-hint{bottom:20px}.drag-hint.move-hint{color:#fff;background:#e51b36eb;border-color:#ffffff47}.component-panel{background:#f7f8f9;border-left:1px solid #dfe3e6;padding:42px 28px}.component-panel h2{letter-spacing:-.05em;margin:15px 0 17px;font-size:31px;line-height:1.03}.component-panel>p{color:#6f7680;font-size:11px;line-height:1.7}.part-key{border-top:1px solid #dde1e4;margin-top:27px;display:grid}.part-key span{color:#5c646e;border-bottom:1px solid #dde1e4;align-items:center;gap:10px;padding:13px 0;font-size:10px;display:flex}.part-key i{border-radius:50%;width:10px;height:10px}.key-metal{background:#8d949a}.key-ceramic{background:#153f38}.key-rubber{background:#8b1f20}.key-teflon{background:#d9aa19}.key-gasket{background:#1d2227}.key-fastener{background:#b7bdc2}.explode-control{border-top:1px solid #dfe3e6;grid-template-columns:150px 1fr auto;align-items:center;gap:22px;min-height:92px;padding:15px 20px;display:grid}.explode-control>div:first-child span{color:#e51b36;letter-spacing:.14em;font-size:8px;font-weight:850;display:block}.explode-control>div:first-child b{color:#646b74;margin-top:5px;font-size:9px;display:block}.explode-control input{accent-color:#e51b36;width:100%}.preset-actions{gap:8px;display:flex}.preset-actions button{color:#555d66;background:#fff;border-color:#d7dce0}@media (max-width:900px){.modular-intro{grid-template-columns:1fr;align-items:start}.viewer-grid{grid-template-columns:1fr}.canvas-wrap{min-height:560px}.component-panel{border-top:1px solid #dfe3e6;border-left:0}}@media (max-width:620px){.modular-header{min-height:66px}.back-link{font-size:0}.back-link:after{content:"← Back";font-size:10px}.modular-intro{padding-top:42px}.modular-intro h1{font-size:clamp(38px,12vw,54px)}.viewer-shell{width:calc(100% - 24px)}.viewer-topbar{flex-direction:column;align-items:flex-start;gap:10px;padding-block:13px}.viewer-topbar>div:first-child span{margin:5px 0 0 16px;display:block}.canvas-wrap{min-height:480px}.explode-control{grid-template-columns:1fr}.preset-actions{grid-template-columns:repeat(2,1fr);display:grid}}