उत्पाद प्रकार
अन्य सतह पैटर्न कस्टम समीक्षा पर उपलब्ध हैं, लेकिन यह कॉन्फ़िगरेटर ग्रिप स्ट्रट स्टाइल मगरमच्छ-मुंह सेफ्टी स्टेप ट्रेड पर केंद्रित है।
914 मिमी मानक संदर्भ लंबाई है। कस्टम लंबाई के लिए फैक्टरी समीक्षा द्वारा कोटेशन दिया जाता है।
241 मिमी मानक संदर्भ चौड़ाई है। कस्टम चौड़ाई के लिए फैक्टरी समीक्षा द्वारा कोटेशन दिया जाता है।
38 मिमी मानक साइड चैनल ऊंचाई है। कस्टम ऊंचाई के लिए फैक्टरी समीक्षा द्वारा कोटेशन दिया जाता है।
टॉप प्रोजेक्शन टूलिंग और फॉर्मिंग प्रक्रिया द्वारा निर्धारित होता है। कस्टम आकारों के लिए फैक्टरी समीक्षा द्वारा पुष्टि की जाती है।
3.0 मिमी एल्युमिनियम मुख्य विकल्प है। अन्य मोटाई के लिए फैक्टरी समीक्षा द्वारा कोटेशन दिया जाता है।
एल्युमिनियम का पीस वजन स्टील की तुलना में कम होता है और शिपिंग-संवेदनशील कस्टम स्टेप ट्रेड ऑर्डर के लिए अनुशंसित है।
यह कॉन्फ़िगरेटर ग्रिप स्ट्रट स्टाइल मगरमच्छ-मुंह सेफ्टी स्टेप ट्रेड पर केंद्रित है। अन्य सतह पैटर्न अलग फैक्टरी समीक्षा द्वारा उपलब्ध हैं।
यह कैसे काम करता है
कॉन्फ़िगर करें
Set dimensions, material & quantity
अनुमान देखें
संदर्भ कार्टन अनुमान
स्पेक भेजें
एक क्लिक में व्हाट्सएप या ईमेल
कोटेशन प्राप्त करें
24 घंटे के भीतर पुष्टि कीमत
अक्सर पूछे जाने वाले प्रश्न
क्या यह कॉन्फ़िगरेटर मूल्य अंतिम है?
नहीं। कॉन्फ़िगरेटर केवल संदर्भ कार्टन अनुमान दिखाता है। अंतिम डिलीवर कोटेशन ज़िप कोड, सामग्री, वास्तविक सकल वजन, कार्टन मात्रा, छेद लेआउट, दूरस्थ क्षेत्र अधिभार और उपलब्ध फ्रेट मार्ग पर निर्भर करता है।
डिफ़ॉल्ट एल्युमिनियम कॉन्फ़िगरेशन क्या है?
डिफ़ॉल्ट संदर्भ कॉन्फ़िगरेशन 914 मिमी लंबाई × 241 मिमी चौड़ाई × 38 मिमी साइड चैनल ऊंचाई है, लगभग 11 मिमी टॉप प्रोजेक्शन और 3.0 मिमी एल्युमिनियम मोटाई के साथ। मानक पैकिंग 5 पीस प्रति कार्टन है।
माउंटिंग होल कहाँ स्थित हैं?
मानक उत्पाद में कुल 4 शॉर्ट-एंड माउंटिंग होल हैं। प्रत्येक शॉर्ट-एंड साइड प्लेट में 1 गोल छेद और 1 स्लॉटेड छेद है। मानक उत्पाद पर लंबी साइड चैनलों में कोई छेद नहीं है।
क्या लंबी साइड पर छेद जोड़े जा सकते हैं?
हाँ। लॉन्ग-साइड होल, अतिरिक्त छेद, अलग छेद स्पेसिंग या कस्टम होल लेआउट को कस्टम / OEM ऑर्डर के रूप में उद्धृत किया जा सकता है। फैक्ट्री समीक्षा के लिए अपना ड्राइंग, छेद का आकार, छेद स्पेसिंग, सामग्री, मात्रा और गंतव्य ज़िप कोड भेजें।
मुझे कौन सी सामग्री चुननी चाहिए?
3.0mm एल्युमिनियम शिपिंग-संवेदनशील कस्टम स्टेप ट्रेड ऑर्डर के लिए मुख्य विकल्प है। वर्तमान Q235B गैल्वनाइज्ड स्टील सैंपल बैच केवल फास्ट एयर DDP द्वारा उपलब्ध है। हॉट-डिप गैल्वनाइज्ड अपग्रेड और 304 / 316 स्टेनलेस स्टील को कठोर या जंग-संवेदनशील वातावरण के लिए उद्धृत किया जा सकता है।
क्या मैं DXF का सीधे उत्पादन के लिए उपयोग कर सकता हूं?
नहीं। निर्यात किया गया DXF केवल एक संदर्भ ड्राफ्ट है। अंतिम उत्पादन ड्राइंग, छेद लेआउट, झुकने का विवरण और उत्पादन व्यवहार्यता उत्पादन से पहले हमारी फैक्ट्री टीम द्वारा पुष्टि की जानी चाहिए।
क्या किनारे संभालने के लिए सुरक्षित हैं?
धातु के किनारे और उभरे हुए दांत तेज हो सकते हैं। हैंडलिंग और इंस्टॉलेशन के दौरान कट-प्रतिरोधी दस्ताने पहनें। खरीदार को अंतिम अनुप्रयोग और इंस्टॉलेशन विधि के लिए उपयुक्तता की पुष्टि करनी चाहिए।
कस्टम / OEM के लिए MOQ क्या है?
कस्टम आकार या कस्टम होल लेआउट आमतौर पर 100 पीस से शुरू होते हैं, जो ड्राइंग, आकार, छेद पैटर्न, सामग्री, फॉर्मिंग व्यवहार्यता और पैकिंग आवश्यकताओं पर निर्भर करता है।
इंजीनियरिंग और BIM संसाधन
वॉकवे, प्लेटफॉर्म या सीढ़ी डिज़ाइन कर रहे हैं? अपने मॉडल और टेंडर पैकेज में सीधे ग्रिप स्ट्रट स्टेप ट्रेड डालने के लिए आवश्यक इंजीनियरिंग डेटा प्राप्त करें — चैनल गहराई, खुला क्षेत्र, माउंटिंग होल लेआउट और लोड ओरिएंटेशन, आपके सटीक कॉन्फ़िगरेशन के लिए आपूर्ति।
2D आयामी चित्र
आपके चयनित स्पेक के अनुसार चौड़ाई, लंबाई, चैनल गहराई, प्लैंक पिच और बोल्ट-होल स्पेसिंग के साथ PDF / DWG शॉप ड्राइंग।
3D / BIM मॉडल
अनुरोध पर STEP / IGES सॉलिड मॉडल और 2D/3D संदर्भ फ़ाइलें, ताकि कॉन्फ़िगर किया गया प्लैंक सही आकार और वजन पर आपके स्ट्रक्चरल मॉडल में आए।
स्पेक और सबमिटल शीट
सामग्री ग्रेड, फिनिश, सरफेस पैटर्न और स्पैन ओरिएंटेशन को कवर करने वाली एक सिंगल सबमिटल शीट — फैक्ट्री समीक्षा या अनुमोदन पैकेज के बाद तैयार की जा सकती है।
क्या आपको अपने कॉन्फ़िगरेशन के लिए ड्राइंग चाहिए?
कॉन्फ़िगर करें your step tread above, then request the matching drawing pack. We prepare 2D/3D files and the submittal sheet for your exact width, length, gauge and material.
ड्राइंग पैक का अनुरोध करेंएक नज़र में विनिर्देश
ग्रिप स्ट्रट स्टाइल सेफ्टी स्टेप ट्रेड के लिए त्वरित संदर्भ तथ्य, Leading Top Union द्वारा कॉन्फ़िगर करने योग्य और फैक्ट्री-डायरेक्ट शिप।
चौड़ाई रेंज
मानक संदर्भ: 241 मिमी। विशिष्ट अनुप्रयोगों के लिए फैक्ट्री समीक्षा द्वारा कस्टम चौड़ाई उद्धृत।
लंबाई रेंज
मानक संदर्भ: 914 मिमी। विशिष्ट अनुप्रयोगों के लिए फैक्ट्री समीक्षा द्वारा कस्टम लंबाई उद्धृत।
चैनल गहराई
मानक संदर्भ: 38 मिमी। कस्टम गहराई फैक्ट्री समीक्षा द्वारा उद्धृत।
गेज / मोटाई
16, 14, 13, 12, 10, 8 गेज। 12 ga (लगभग 2.7 मिमी) औद्योगिक सीढ़ियों के लिए मानक विकल्प है।
सामग्री
3.0mm एल्युमिनियम (मुख्य विकल्प), 5052/6061 एल्युमिनियम (स्टील वजन का ~35%), जंग लगने वाले वातावरण के लिए 304/316 स्टेनलेस।
सतह पैटर्न
Serrated crocodile-mouth anti-slip. 3-diamond (7″) in-stock standard; 5-diamond (11¾″) and perforated made to order.
Packaging
5 पीस प्रति कार्टन, मानक 11.75″ × 12 फीट, 12 ga गैल्वनाइज्ड स्पेक पर लगभग 20 किलो सकल प्रति कार्टन।
लीड टाइम
स्टॉक में: 2-3 दिन का उत्पादन। यूएस वेस्ट डिलीवरी 25-35 दिन ओशन या 7-12 दिन एयर DDP। 50 पीस से बल्क, 100 पीस से कस्टम/OEM।
मूल्य निर्धारण
मानक गैल्वनाइज्ड USD 329/कार्टन (5 पीस) DDP यूएस वेस्ट कोस्ट से शुरू — फ्रेट, कस्टम्स, फाइनल-माइल शामिल।
Get Quick QuoteFast Response // ── Imports ── import * as THREE from 'https://esm.sh/three@0.160.0'; import { OrbitControls } from 'https://esm.sh/three@0.160.0/examples/jsm/controls/OrbitControls.js?bundle'; // ── State ── let scene, camera, renderer, controls, plateMesh, plateGroup; let animId = null; let wIn = 9.5, lFt = 3, depthIn = 1.5, material = 'aluminum', hasFlange = true; const matColors = { 'steel': new THREE.Color('#a8b4bc'), 'aluminum': new THREE.Color('#d4d8dd'), '304': new THREE.Color('#ccd0d4'), 'stainless': new THREE.Color('#ccd0d4'), }; // ── AlphaMap Generator — surface-aware hole pattern ── // surface: 'serrated-3' | 'serrated' | 'perforated' | 'traction' // 缓存避免每次滑块变化都重新生成 const _alphaCache = {}; function generateAlphaMap(plateW, plateL, surface) { const cacheKey = plateW.toFixed(1) + "_" + plateL.toFixed(1) + "_" + surface; if (_alphaCache[cacheKey]) return _alphaCache[cacheKey]; const SIZE = 512; // 从2048降至512，速度提升16倍 const cv = document.createElement('canvas'); cv.width = SIZE; cv.height = SIZE; const ctx = cv.getContext('2d'); ctx.fillStyle = '#ffffff'; ctx.fillRect(0, 0, SIZE, SIZE); ctx.fillStyle = '#000000'; const MAX_CELLS = 50; // 限制最大网格数，防止超长板阻塞 const scale = SIZE / Math.max(plateW, plateL); const s = surface || 'serrated-3'; if (s.indexOf('perf') > -1) { const r = 0.35 * scale, gap = 0.7 * scale; let cols = Math.floor(plateW * scale / (r*2 + gap)); let rows = Math.floor(plateL * scale / (r*2 + gap)); if (cols * rows > MAX_CELLS * MAX_CELLS) { const ratio = Math.sqrt(MAX_CELLS*MAX_CELLS/(cols*rows)); cols = Math.max(2, Math.floor(cols*ratio)); rows = Math.max(2, Math.floor(rows*ratio)); } const ox = (SIZE - cols*(r*2+gap) + gap)/2, oy = (SIZE - rows*(r*2+gap) + gap)/2; for (let row = 0; row < rows; row++) { const stagger = (row % 2) * (r + gap/2); for (let col = 0; col < cols; col++) { ctx.beginPath(); ctx.arc(ox + col*(r*2+gap) + stagger + r, oy + row*(r*2+gap) + r, r, 0, Math.PI*2); ctx.fill(); } } } else if (s.indexOf('traction') > -1) { const r = 0.2 * scale, gap = 0.4 * scale; let cols = Math.floor(plateW * scale / (r*2 + gap)); let rows = Math.floor(plateL * scale / (r*2 + gap)); if (cols * rows > MAX_CELLS * MAX_CELLS) { const ratio = Math.sqrt(MAX_CELLS*MAX_CELLS/(cols*rows)); cols = Math.max(2, Math.floor(cols*ratio)); rows = Math.max(2, Math.floor(rows*ratio)); } const ox = (SIZE - cols*(r*2+gap) + gap)/2, oy = (SIZE - rows*(r*2+gap) + gap)/2; for (let row = 0; row < rows; row++) { for (let col = 0; col < cols; col++) { ctx.beginPath(); ctx.arc(ox + col*(r*2+gap) + r, oy + row*(r*2+gap) + r, r, 0, Math.PI*2); ctx.fill(); } } } else { const mw = 1.45 * scale, mh = 0.70 * scale; const hgap = 0.50 * scale, vgap = 1.55 * scale; let cols = Math.floor(plateW * scale / (mw + hgap)); let rows = Math.floor(plateL * scale / vgap); if (cols * rows > MAX_CELLS * MAX_CELLS) { const ratio = Math.sqrt(MAX_CELLS*MAX_CELLS/(cols*rows)); cols = Math.max(2, Math.floor(cols*ratio)); rows = Math.max(2, Math.floor(rows*ratio)); } const ox = (SIZE - (cols*(mw+hgap) - hgap))/2, oy = (SIZE - rows*vgap)/2; const nw = mw * 0.38; // width of narrow tip zone for (let row = 0; row < rows; row++) { const stagger = (row % 2) * (mw + hgap)/2; for (let col = 0; col < cols; col++) { const cx = ox + col*(mw+hgap) + stagger + mw/2; const cy = oy + row*vgap + mh/2; const lx = cx - mw/2, rx = cx + mw/2; const ty = cy - mh/2, by = cy + mh/2; // Stretched hexagon — pointed ends, tapered middle ctx.beginPath(); ctx.moveTo(lx + nw, ty); ctx.lineTo(rx - nw, ty); ctx.quadraticCurveTo(rx - nw*0.4, cy - mh*0.08, rx - nw*0.12, cy); ctx.quadraticCurveTo(rx - nw*0.4, cy + mh*0.08, rx - nw, by); ctx.lineTo(lx + nw, by); ctx.quadraticCurveTo(lx + nw*0.4, cy + mh*0.08, lx + nw*0.12, cy); ctx.quadraticCurveTo(lx + nw*0.4, cy - mh*0.08, lx + nw, ty); ctx.closePath(); ctx.fill(); // Tiny serration bumps along the tapered edges const bw = mw * 0.04; for (let b = 1; b <= 2; b++) { const frac = b / 3; // Left top serration ctx.beginPath(); ctx.ellipse(lx + nw*(1-frac), ty + mh*0.08, bw*0.6, bw, -Math.PI*0.3, 0, Math.PI*2); ctx.fill(); // Left bottom serration ctx.beginPath(); ctx.ellipse(lx + nw*(1-frac), by - mh*0.08, bw*0.6, bw, Math.PI*0.3, 0, Math.PI*2); ctx.fill(); // Right top serration ctx.beginPath(); ctx.ellipse(rx - nw*(1-frac), ty + mh*0.08, bw*0.6, bw, -Math.PI*1.3, 0, Math.PI*2); ctx.fill(); // Right bottom serration ctx.beginPath(); ctx.ellipse(rx - nw*(1-frac), by - mh*0.08, bw*0.6, bw, Math.PI*1.3, 0, Math.PI*2); ctx.fill(); } } } } const tex = new THREE.CanvasTexture(cv); tex.wrapS = THREE.ClampToEdgeWrapping; tex.wrapT = THREE.ClampToEdgeWrapping; tex.minFilter = THREE.LinearMipmapLinearFilter; tex.magFilter = THREE.LinearFilter; tex.generateMipmaps = true; _alphaCache[cacheKey] = tex; return tex; } // ── 3D Scene Init ── function init3D() { const canvas = document.getElementById('viewer-3d'); if (!canvas) return; // Renderer renderer = new THREE.WebGLRenderer({ canvas, antialias: true, alpha: false }); renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)); renderer.shadowMap.enabled = true; renderer.shadowMap.type = THREE.PCFSoftShadowMap; renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.1; // Scene scene = new THREE.Scene(); scene.background = new THREE.Color('#1e293b'); scene.fog = new THREE.Fog('#1e293b', 3, 12); // Camera camera = new THREE.PerspectiveCamera(40, 1, 0.1, 20); camera.position.set(2.2, 1.6, 2.4); // Lights — 4-point studio setup for metallic surfaces const amb = new THREE.AmbientLight('#8899bb', 0.4); scene.add(amb); const key = new THREE.DirectionalLight('#ffffff', 1.6); key.position.set(4, 6, 3); key.castShadow = true; key.shadow.mapSize.set(1024,1024); key.shadow.camera.near=0.5; key.shadow.camera.far=20; key.shadow.camera.left=-5; key.shadow.camera.right=5; key.shadow.camera.top=5; key.shadow.camera.bottom=-5; scene.add(key); const fill = new THREE.DirectionalLight('#aaccff', 0.4); fill.position.set(-3, 1, -1); scene.add(fill); const rim = new THREE.DirectionalLight('#ffffff', 0.5); rim.position.set(0, 0.5, -3); scene.add(rim); const hemi = new THREE.HemisphereLight('#8899cc', '#334455', 0.25); scene.add(hemi); // Controls controls = new OrbitControls(camera, renderer.domElement); controls.enableDamping = true; controls.dampingFactor = 0.08; controls.minDistance = 1; controls.maxDistance = 8; controls.target.set(0, 0.05, 0); controls.update(); // Ground shadow receiver const groundGeo = new THREE.PlaneGeometry(10, 10); const groundMat = new THREE.ShadowMaterial({ opacity: 0.25 }); const ground = new THREE.Mesh(groundGeo, groundMat); ground.rotation.x = -Math.PI/2; ground.position.y = -0.6; ground.receiveShadow = true; scene.add(ground); // Plate group plateGroup = new THREE.Group(); scene.add(plateGroup); // Initial build buildModel(11.75, 12, 2.0, 'steel'); window.__threeReady = true; resize3D(); // Animation loop function loop() { animId = requestAnimationFrame(loop); controls.update(); renderer.render(scene, camera); } loop(); } function resize3D() { const canvas = document.getElementById('viewer-3d'); if (!canvas || !renderer) return; const w = canvas.clientWidth, h = canvas.clientHeight || w; if (canvas.width !== w || canvas.height !== h) { renderer.setSize(w, h, false); camera.aspect = w / Math.max(h, 1); camera.updateProjectionMatrix(); } } window.addEventListener('resize', resize3D); // ── Build 3D Model ── function buildModel(w, l, d, mat, surf) { wIn = w; lFt = l; depthIn = d; material = mat; surf = surf || 'serrated-3'; if (!plateGroup) return; // Clear old while (plateGroup.children.length) plateGroup.remove(plateGroup.children[0]); // Convert inches/feet → meters const W = w * 0.0254; const L = l * 0.3048; const t = 0.003; // plate thickness ~12ga const D = d * 0.0254; // channel depth // AlphaMap for croc-mouth holes const alphaTex = generateAlphaMap(W * 39.37, L * 39.37, (typeof selSurface !== 'undefined' ? selSurface : 'serrated-3')); // Material const pMat = new THREE.MeshStandardMaterial({ color: matColors[mat] || matColors['steel'], metalness: 0.85, roughness: 0.35, alphaMap: alphaTex, alphaTest: 0.15, side: THREE.DoubleSide, transparent: true, envMapIntensity: 0.3, }); // Main plate (top surface) const plateGeo = new THREE.PlaneGeometry(L, W, 1, 1); const plate = new THREE.Mesh(plateGeo, pMat); plate.rotation.x = -Math.PI/2; plate.position.y = t/2; plate.castShadow = true; plate.receiveShadow = true; plateGroup.add(plate); // Bottom plate (closed back) const botGeo = new THREE.PlaneGeometry(L, W, 1, 1); const botMat = new THREE.MeshStandardMaterial({ color: matColors[mat] || matColors['steel'], metalness: 0.8, roughness: 0.55 }); const bot = new THREE.Mesh(botGeo, botMat); bot.rotation.x = -Math.PI/2; bot.position.y = -t/2; bot.receiveShadow = true; plateGroup.add(bot); // Side channels (U-bend edges) const chMat = new THREE.MeshStandardMaterial({ color: new THREE.Color('#8a9299'), metalness: 0.7, roughness: 0.5 }); const chT = 0.004; // Left + Right channels [[W/2, 0], [-W/2, Math.PI]].forEach(([zOff, ry]) => { const chGeo = new THREE.BoxGeometry(Math.max(0.01, L), Math.max(0.01, D), Math.max(0.001, chT)); const ch = new THREE.Mesh(chGeo, chMat); ch.position.set(0, -D/2, zOff); ch.castShadow = true; ch.receiveShadow = true; plateGroup.add(ch); }); // Front + Back channels [[L/2, 0], [-L/2, 0]].forEach(([xOff, _]) => { const chGeo = new THREE.BoxGeometry(Math.max(0.001, chT), Math.max(0.01, D), Math.max(0.01, W)); const ch = new THREE.Mesh(chGeo, chMat); ch.position.set(xOff, -D/2, 0); ch.castShadow = true; ch.receiveShadow = true; plateGroup.add(ch); }); // Wireframe overlay for grid feel const gridGeo = new THREE.PlaneGeometry(L*0.96, W*0.94, Math.max(2, Math.floor(L*6)), Math.max(2, Math.floor(W*3))); const gridMat = new THREE.MeshBasicMaterial({ color: '#667788', wireframe: true, transparent: true, opacity: 0.12 }); const grid = new THREE.Mesh(gridGeo, gridMat); grid.rotation.x = -Math.PI/2; grid.position.y = t/2 + 0.001; plateGroup.add(grid); } window.__rebuild3D = function() { const w = parseFloat((document.getElementById('cfg-w')||{}).value) || 241; const l = parseFloat((document.getElementById('cfg-l')||{}).value) || 914; const d = parseFloat((document.getElementById('cfg-d')||{}).value) || 38; const mat = ((document.getElementById('cfg-mat')||{}).value || 'steel').toLowerCase(); // Read surface from global selSurface for pattern switching if (typeof selSurface !== 'undefined') buildModel(w, l, d, mat, selSurface); else buildModel(w, l, d, mat); resize3D(); }; // ── DXF Export ── window.exportDXF = function() { const w = parseFloat((document.getElementById('cfg-w')||{}).value) || 241; const l = parseFloat((document.getElementById('cfg-l')||{}).value) || 914; // Convert to mm const mmW = Math.round(w * 25.4); const mmL = Math.round(l * 304.8); // Build DXF string manually (minimal valid DXF) const dxf = [ '0','SECTION','2','HEADER','0','ENDSEC', '0','SECTION','2','TABLES','0','ENDSEC', '0','SECTION','2','BLOCKS','0','ENDSEC', '0','SECTION','2','ENTITIES', // Outer rectangle (plate outline) '0','LWPOLYLINE','90','4','70','1','43','0.5', '10','0','20','0', '10', String(mmL), '20','0', '10', String(mmL), '20', String(mmW), '10','0','20', String(mmW), // Inner rectangle (bend line) '0','LWPOLYLINE','90','4','70','0','43','0.25', '10', String(Math.round(mmW*0.08)), '20', String(Math.round(mmW*0.08)), '10', String(mmL - Math.round(mmW*0.08)), '20', String(Math.round(mmW*0.08)), '10', String(mmL - Math.round(mmW*0.08)), '20', String(mmW - Math.round(mmW*0.08)), '10', String(Math.round(mmW*0.08)), '20', String(mmW - Math.round(mmW*0.08)), '0','ENDSEC', '0','EOF' ].join('\n'); const blob = new Blob([dxf], { type: 'application/dxf' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'LTU_Custom_Aluminum_Safety_Step_Tread_' + Math.round(l) + 'x' + Math.round(w) + 'x' + Math.round(d) + 'mm.dxf'; a.click(); URL.revokeObjectURL(url); }; // ── Area Calculator ── window.calcArea = function() { const w = parseFloat((document.getElementById('cfg-w')||{}).value) || 241; const l = parseFloat((document.getElementById('cfg-l')||{}).value) || 914; // Flat area in square meters: width(mm)*length(mm)/1000000 const areaSqM = (w * l) / 1000000; const areaSqFt = areaSqM * 10.764; return { sqm: areaSqM, sqft: areaSqFt }; }; // ── Start ── try { init3D(); } catch(e) { console.warn('3D viewer init failed (non-blocking):', e.message); } // Set initial area display (function(){ var a = window.calcArea(); if (a && document.getElementById('disp-area')) document.getElementById('disp-area').textContent = a.sqft.toFixed(2) + ' sq ft (' + a.sqm.toFixed(2) + ' m²)'; })();