.dsk-sprangskiss{--dsk-bg:#FBFBFB;--dsk-card:#ffffff;--dsk-hover:#F2F4F8;--dsk-active:#edf0f6;--dsk-border:#edf0f6;--dsk-text:#333;--dsk-text2:#4F6188;--dsk-muted:#8a9ab5;--dsk-cta:#233e64;--dsk-cta-h:#1a3052;--dsk-pin:#233e64;--dsk-pin-active:#FFCE5D;--dsk-r:5px;--dsk-rl:8px;--dsk-tr:0.2s cubic-bezier(0.4, 0, 0.2, 1);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--dsk-text);line-height:1.5;max-width:1400px;margin:0 auto}.dsk-header{padding:20px 0 16px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.dsk-title{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.dsk-badge{font-size:12px;font-weight:500;color:var(--dsk-pin);background:var(--dsk-active);padding:3px 10px;border-radius:100px}.dsk-layout{display:flex;min-height:460px;max-height:clamp(460px, 80vh, 900px);align-items:stretch}.dsk-diagram{flex:1 1 50%;min-width:0;position:relative;background:var(--dsk-card);border-radius:var(--dsk-rl) 0 0 var(--dsk-rl);border:1px solid var(--dsk-border);border-right:none;overflow:hidden}.dsk-viewport{width:100%;height:100%;min-height:360px;position:relative;overflow:hidden;cursor:grab;touch-action:none}.dsk-viewport:active{cursor:grabbing}.dsk-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-origin:center center}.dsk-inner img{display:block;max-width:92%;max-height:92%;width:auto;height:auto;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;margin:0}.dsk-pin{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--dsk-pin);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translate(-50%,-50%);border:2px solid rgb(255 255 255 / .7);box-shadow:0 2px 8px rgb(0 0 0 / .25);transition:all var(--dsk-tr);z-index:2;user-select:none}.dsk-pin::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid #fff0;transition:all var(--dsk-tr)}.dsk-pin:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 3px 12px rgb(0 0 0 / .35)}.dsk-pin:hover::after{border-color:var(--dsk-pin);opacity:.4}.dsk-pin.active{background:var(--dsk-pin-active);color:#111;box-shadow:0 3px 14px rgb(255 206 93 / .55);transform:translate(-50%,-50%) scale(1.2);border-color:rgb(255 255 255 / .9)}.dsk-pin.active::after{border-color:var(--dsk-pin-active);opacity:.5}.dsk-pin.highlighted{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 0 4px rgb(35 62 100 / .18),0 3px 10px rgb(0 0 0 / .3)}.dsk-pin-tooltip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);background:rgb(17 17 17 / .9);color:#fff;font-size:11px;font-weight:500;white-space:nowrap;padding:4px 9px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity 0.15s;z-index:20}.dsk-pin-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid #fff0;border-top-color:rgb(17 17 17 / .9)}.dsk-pin:hover .dsk-pin-tooltip{opacity:1}.dsk-pin.active .dsk-pin-tooltip{opacity:0}.dsk-zoom{position:absolute;bottom:16px;right:16px;display:flex;flex-direction:column;gap:0;z-index:10;border-radius:var(--dsk-r);overflow:hidden;box-shadow:0 1px 4px rgb(0 0 0 / .08);border:1px solid var(--dsk-border)}.dsk-zoom button,.dsk-zoom span{width:38px;height:34px;border:none;background:var(--dsk-card);color:var(--dsk-text2);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:background var(--dsk-tr)}.dsk-zoom button:hover{background:var(--dsk-hover);color:var(--dsk-text)}.dsk-zoom button+button,.dsk-zoom span+button,.dsk-zoom button+span{border-top:1px solid var(--dsk-border)}.dsk-zoom span{font-size:10px;font-weight:600;color:var(--dsk-muted);cursor:default;height:26px;background:var(--dsk-bg)}.dsk-parts{flex:1 1 50%;background:var(--dsk-card);border-radius:0 var(--dsk-rl) var(--dsk-rl) 0;border:1px solid var(--dsk-border);display:flex;flex-direction:column;overflow:hidden}.dsk-parts-head{padding:14px 20px;border-bottom:1px solid var(--dsk-border);display:flex;flex-direction:column;gap:8px}.dsk-parts-title{font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.dsk-parts-count{font-size:12px;font-weight:500;color:var(--dsk-muted);background:var(--dsk-hover);padding:2px 8px;border-radius:100px}.dsk-search{position:relative}.dsk-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--dsk-muted)}.dsk-search input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--dsk-border);border-radius:var(--dsk-r);font-size:13px;font-family:inherit;color:var(--dsk-text);background:var(--dsk-bg);outline:none;transition:all var(--dsk-tr)}.dsk-search input::placeholder{color:var(--dsk-muted)}.dsk-search input:focus{border-color:var(--dsk-pin);box-shadow:0 0 0 3px rgb(35 62 100 / .1)}.dsk-parts-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--dsk-border) #fff0}.dsk-parts-list::-webkit-scrollbar{width:4px}.dsk-parts-list::-webkit-scrollbar-thumb{background:var(--dsk-border);border-radius:2px}.dsk-part-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--dsk-border);cursor:pointer;transition:background var(--dsk-tr);position:relative}.dsk-part-row:last-child{border-bottom:none}.dsk-part-row:hover{background:var(--dsk-hover)}.dsk-part-row.active{background:var(--dsk-active);border-left:3px solid var(--dsk-pin);padding-left:13px}.dsk-part-row.highlighted{background:rgb(35 62 100 / .04)}.dsk-pnum{width:26px;height:26px;border-radius:50%;background:var(--dsk-hover);color:var(--dsk-text2);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--dsk-tr),color var(--dsk-tr)}.dsk-part-row.active .dsk-pnum,.dsk-part-row.highlighted .dsk-pnum,.dsk-bundle.active .dsk-bundle-head .dsk-pnum{background:var(--dsk-pin);color:#fff}.dsk-part-thumb{width:52px;height:52px;flex-shrink:0;border-radius:var(--dsk-r);background:var(--dsk-hover);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--dsk-muted)}.dsk-part-thumb img{width:100%;height:100%;object-fit:cover;display:block}.dsk-pinfo{flex:1;min-width:0}.dsk-pname{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.dsk-pname a{color:inherit;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsk-pname a:hover{color:var(--dsk-pin)}.dsk-psku{font-size:11px;color:var(--dsk-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsk-price-row{display:flex;align-items:center;gap:6px;margin-top:4px}.dsk-price-val{font-size:13px;font-weight:700}.dsk-stock{font-size:11px;font-weight:500;color:var(--dsk-cta);display:inline-flex;align-items:center;gap:4px}.dsk-stock-dot{width:6px;height:6px;border-radius:50%;background:var(--color-full,#a8dc3e);flex-shrink:0}.dsk-stock.out{color:#d93f3f}.dsk-stock.out .dsk-stock-dot{background:var(--color-null,#d93f3f)}.dsk-stock.backorder{color:#d8af0b}.dsk-stock.backorder .dsk-stock-dot{background:var(--color-low,#d8af0b)}.dsk-part-buy{flex-shrink:0;display:inline-block;padding:8px 16px;background:var(--dsk-cta);color:#fff;font-size:12px;font-weight:600;font-family:inherit;text-decoration:none;border-radius:100px;white-space:nowrap;line-height:1;transition:background var(--dsk-tr)}.dsk-part-buy:hover{background:#FFCE5D;color:#111}.dsk-bundle{border-bottom:1px solid var(--dsk-border)}.dsk-bundle:last-child{border-bottom:none}.dsk-bundle-head{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--dsk-bg);border-bottom:1px solid var(--dsk-border);cursor:pointer;transition:background var(--dsk-tr)}.dsk-bundle-head:hover{background:var(--dsk-hover)}.dsk-bundle.active .dsk-bundle-head{background:var(--dsk-active);border-left:3px solid var(--dsk-pin);padding-left:13px}.dsk-bundle-label{font-size:12px;font-weight:500;color:var(--dsk-text2)}.dsk-bundle .dsk-part-row{border-bottom:1px solid var(--dsk-border);padding-left:20px}.dsk-bundle .dsk-part-row.active{padding-left:17px}.dsk-bundle .dsk-part-row:last-child{border-bottom:none}.dsk-sheet{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--dsk-card);border-top:1px solid var(--dsk-border);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px rgb(0 0 0 / .1);z-index:1000;padding:12px 20px calc(env(safe-area-inset-bottom, 0px) + 16px);transform:translateY(100%);transition:transform 0.3s cubic-bezier(.4,0,.2,1)}.dsk-sheet.visible{transform:translateY(0)}.dsk-sheet-handle{width:36px;height:4px;background:var(--dsk-border);border-radius:2px;margin:0 auto 12px}.dsk-sheet-body{display:flex;align-items:center;gap:12px}.dsk-sheet-info{flex:1;min-width:0}.dsk-sheet-name{font-size:15px;font-weight:600}.dsk-sheet-sku{font-size:12px;font-family:monospace;color:var(--dsk-muted);margin-top:2px}.dsk-sheet-action{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.dsk-sheet-price{font-size:18px;font-weight:700;white-space:nowrap}.dsk-sheet-btn{display:inline-block;padding:10px 24px;background:var(--dsk-cta);color:#fff;border:none;border-radius:var(--dsk-r);font-size:14px;font-weight:600;font-family:inherit;text-decoration:none;cursor:pointer;transition:background var(--dsk-tr)}.dsk-sheet-btn:hover{background:var(--dsk-cta-h)}.dsk-mobile-toggle{display:none;margin-top:12px;background:var(--dsk-card);border:1px solid var(--dsk-border);border-radius:var(--dsk-rl);overflow:hidden}.dsk-mobile-toggle>button{width:100%;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;background:none;border:none;font-size:14px;font-weight:600;font-family:inherit;color:var(--dsk-text);cursor:pointer;transition:background var(--dsk-tr)}.dsk-mobile-toggle>button:hover{background:var(--dsk-hover)}.dsk-mobile-toggle>button svg{transition:transform var(--dsk-tr)}.dsk-mobile-toggle.open>button svg{transform:rotate(180deg)}.dsk-mobile-list{max-height:0;overflow:hidden;transition:max-height 0.35s ease}.dsk-mobile-toggle.open .dsk-mobile-list{max-height:3000px;overflow-y:auto}.dsk-mobile-search{padding:8px 16px 12px}.dsk-mobile-search input{width:100%;padding:8px 12px;border:1px solid var(--dsk-border);border-radius:var(--dsk-r);font-size:13px;font-family:inherit;color:var(--dsk-text);background:var(--dsk-bg);outline:none;transition:border-color var(--dsk-tr)}.dsk-mobile-search input:focus{border-color:var(--dsk-pin)}@media (max-width:768px){.dsk-layout{flex-direction:column;max-height:none;min-height:0}.dsk-diagram{flex:1 1 auto;border-radius:var(--dsk-rl);border-right:1px solid var(--dsk-border)}.dsk-viewport{height:0;min-height:0;padding-top:calc(var(--dsk-img-ar, 0.75) * 100%)}.dsk-parts{display:none}.dsk-mobile-toggle{display:block}.dsk-sheet{display:block}.dsk-header{padding:14px 0 12px}.dsk-title{font-size:18px}.dsk-pin{width:28px;height:28px;font-size:11px}}@media (min-width:769px){.dsk-sheet{display:none!important}.dsk-mobile-toggle{display:none!important}}@media print{.dsk-zoom,.dsk-sheet,.dsk-mobile-toggle{display:none!important}.dsk-layout{flex-direction:column}.dsk-parts{width:100%;border-radius:var(--dsk-rl);border:1px solid var(--dsk-border);margin-top:16px}}