:root{--primary-blue:#0F52BA;--dark-blue:#002366;--coral:#FA8072;--peach:#FFDAB9;--green:#009990;--primary-light:rgba(15, 82, 186, 0.1);--primary-medium:rgba(15, 82, 186, 0.7);--dark-blue-light:rgba(0, 35, 102, 0.1);--coral-light:rgba(250, 128, 114, 0.2);--peach-light:rgba(255, 218, 185, 0.3);--green-light:rgba(0, 153, 144, 0.1);--green-medium:rgba(0, 153, 144, 0.3);--text-primary:var(--dark-blue);--text-secondary:#6c757d;--background-primary:white;--background-secondary:#f8f9fa;--border-color:rgba(15, 82, 186, 0.2);--shadow-color:rgba(0, 35, 102, 0.1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{font-size:16px;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-overflow-scrolling:touch}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--primary-blue) 0,var(--dark-blue) 100%);min-height:100vh;min-width:360px}body.no-scroll{overflow:hidden;width:100%;height:100%}.container{max-width:1400px;margin:0 auto;background:var(--background-primary);backdrop-filter:blur(10px);overflow:visible;display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,var(--dark-blue) 0,var(--primary-blue) 100%);color:#fff;padding:20px;text-align:center}.header h1{font-size:1.8rem;font-weight:300}.header p{opacity:.9;font-size:1rem}.main-content{display:flex;flex-direction:column;gap:20px;padding:20px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.form-section{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.controls-and-icon-container{display:flex;gap:20px;align-items:flex-start}.controls-section{flex:1;min-width:0;display:flex;flex-direction:column;gap:15px}.icon-section{flex:0 0 auto;min-width:250px;text-align:center;background-color:var(--background-secondary)}.svg-icon{width:100%;max-width:100%;height:115px;margin:0 auto;display:flex;align-items:center;justify-content:end;overflow:hidden}.svg-icon svg{height:100%;object-fit:contain}.svg-info{color:var(--text-primary);font-weight:500;font-size:1rem}.svg-info span{display:inline-block;padding:8px 16px;background:rgba(255,255,255,.8);border:1px solid var(--border-color)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;position:relative}.form-label{position:absolute;top:-8px;left:12px;background-color:#fff;color:#1976d2;font-weight:500;font-size:12px;padding:0 4px;z-index:1}.input-container,.select-container{border:2px solid #1976d2;background-color:#fff;position:relative}.form-select{width:100%;padding:10px 15px;font-size:16px;color:#333;background-color:transparent;border:none;outline:0;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231976d2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 20px center;background-size:16px;padding-right:50px;height:44px;box-sizing:border-box}.form-input{width:100%;padding:10px 15px;font-size:16px;color:#333;background-color:transparent;border:none;outline:0;box-sizing:border-box;height:44px}.form-select option{padding:10px;font-size:16px}.form-input,.form-select,.input-container,.select-container{border-radius:0!important}.form-group.legacy{display:flex;flex-direction:column;gap:8px}.form-group.legacy label{font-weight:600;color:var(--primary-blue);font-size:.95rem;margin-bottom:6px;display:block}.form-group.legacy input,.form-group.legacy select{width:100%;padding:12px 16px;border:1px solid var(--primary-blue);font-size:1rem;background:var(--background-primary);color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}.form-group.legacy input:focus,.form-group.legacy select:focus{outline:0;border-color:var(--primary-blue)}.form-group.legacy input:hover,.form-group.legacy select:hover{border-color:var(--primary-blue)}.form-group.legacy select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F52BA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;cursor:pointer}.form-group.legacy input::placeholder{color:#9ca3af;opacity:1}.form-group input:disabled,.form-group select:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed;opacity:.7}.dimensions-grid{display:flex;flex-direction:column;gap:12px}.dimension-input{display:flex;gap:10px;align-items:end}.dimension-input .form-group:first-child{flex:1;min-width:0}.dimension-input .form-group:last-child{flex:0 0 auto;min-width:80px}.rate-input{display:flex;gap:10px;align-items:end}.rate-input .input-container{flex:1;min-width:0}.rate-input .select-container{flex:0 0 auto;min-width:100px}.rate-input input{flex:1;min-width:0}.rate-input select{flex:0 0 auto;min-width:100px}.quantity-rate-row{display:flex;gap:15px;align-items:end}.quantity-rate-row .form-group:first-child{flex:1;min-width:0}.quantity-rate-row .form-group:last-child{flex:2;min-width:0}.buttons{display:flex;flex-direction:column;gap:15px;margin-top:10px}.btn{padding:10px 32px;border:none;font-size:1rem;font-weight:600;cursor:pointer;flex:1;min-height:48px;display:flex;align-items:center;justify-content:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-primary{background:var(--primary-blue);color:#fff}.btn-primary:hover{background:var(--dark-blue)}.btn-secondary{background:var(--peach);color:var(--dark-blue);border:2px solid var(--coral)}.btn-secondary:hover{background:var(--coral);border-color:var(--coral);color:#fff}.results{background:linear-gradient(135deg,var(--green) 0,var(--peach) 100%);color:#fff;padding:25px;margin-top:25px}.results h3{margin-bottom:15px;font-size:1.3rem}.weight-display{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px}.weight-item{background:var(--green-medium);padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:200px}.weight-value{font-size:1.5rem;font-weight:700;margin-bottom:5px}.weight-unit{opacity:.9;font-size:.9rem}.total-cost{margin-top:20px;background:rgba(255,255,255,.9);padding:15px;text-align:center;color:var(--green)}.cost-display{font-size:1.2rem;font-weight:700}.visualization{background:var(--background-secondary);display:flex;flex-direction:column;align-items:center;justify-content:start;min-height:300px;padding:0 0 15px;flex:1;min-width:0}.shape-container{width:100%;height:250px;margin-bottom:15px;overflow:hidden;background-color:var(--background-primary);touch-action:none;position:relative}.rotation-controls{position:absolute;top:0;right:0;z-index:10}.btn.btn-small{padding:6px 12px;font-size:10px;min-height:auto;background:var(--primary-blue);color:#fff;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.btn.btn-small:hover{background:var(--dark-blue)}#threeCanvas{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0}.shape-info{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-bottom:10px}.material-info{background:var(--coral-light);padding:15px;text-align:center;margin-top:15px;display:none}.hidden{display:none!important}.dimension-row{margin-bottom:15px}.dimension-label{font-weight:500;color:var(--text-primary);margin-bottom:5px;display:block}.mb-0{margin-bottom:0!important}@media (max-width:480px){.controls-and-icon-container{flex-direction:column;margin-bottom:10px}.controls-section{order:2;width:100%}.icon-section{order:1;margin-bottom:5px;width:100%}.svg-icon{margin-bottom:10px}.svg-info{font-size:.9rem}.header{padding:15px}.header h1{font-size:1.5rem;line-height:1.2}.header p{font-size:.9rem;line-height:1.3}.main-content{padding:15px;gap:15px}.form-group{gap:6px}.form-group label{font-size:.9rem}.form-group input,.form-group select{padding:12px 14px;font-size:16px}.btn{padding:12px 20px;font-size:1rem;min-height:50px}.shape-container{height:200px}.visualization{padding:0 0 10px;min-height:250px}.weight-value{font-size:1.3rem}.weight-unit{font-size:.8rem}.results{padding:20px}.dimension-input{gap:8px}.rate-input{gap:8px}.quantity-rate-row{flex-direction:column;gap:12px}.quantity-rate-row .form-group:first-child,.quantity-rate-row .form-group:last-child{flex:none;width:100%}}@media (min-width:480px) and (max-width:767px){.weight-display{flex-wrap:wrap;justify-content:space-between;gap:12px}.weight-item{flex:1;min-width:150px}.btn{min-height:52px;font-size:1.1rem}}@media (min-width:768px){.header{padding:24px}.header h1{font-size:2rem}.header p{font-size:1.1rem}.main-content{flex-direction:row;gap:25px;padding:25px}.form-section{flex:2;max-width:none}.dimensions-grid{flex-direction:row;align-items:end;gap:15px}.dimensions-grid .form-group:first-child{flex:2}.dimensions-grid .form-group:last-child{flex:1;min-width:120px}.dimension-input .form-group:last-child{min-width:100px}.rate-input select{min-width:120px}.buttons{flex-direction:row}.weight-display{flex-wrap:wrap;justify-content:space-between;gap:15px}.weight-item{flex:1;min-width:200px}.visualization{flex:1;min-height:400px;padding:0 0 20px;max-width:500px}.shape-container{height:350px;margin-bottom:20px}}@media (min-width:900px){.main-content{gap:30px}}@media (min-width:1024px){.main-content{padding:30px}}@media (min-width:1200px){.form-section{flex:1.5}.visualization{flex:1;max-width:600px}}@media (max-width:768px) and (orientation:landscape){.main-content{flex-direction:row;gap:15px}.form-section{flex:1}.visualization{flex:1;min-height:220px}.shape-container{height:180px}}@media (hover:none) and (pointer:coarse){.btn:active{background:var(--primary-medium)}}.shape-select-container{position:relative}.shape-select-button{width:100%;padding:10px 15px;background:0 0;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#333;height:44px;text-align:left}.shape-select-button:hover{background:0 0}.shape-select-button.active{background:0 0}.shape-select-arrow{width:16px;height:16px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231976d2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform .3s ease}.shape-select-arrow.rotated{transform:rotate(180deg)}.shape-dropdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.shape-dropdown-overlay.active{opacity:1;visibility:visible}.shape-dropdown-panel{position:fixed;top:0;left:-100%;width:100%;max-width:360px;height:100%;height:100vh;height:100dvh;background:var(--background-secondary);box-shadow:4px 0 20px var(--shadow-color);transition:left .3s cubic-bezier(.4, 0, .2, 1);z-index:1000;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;-webkit-transform:translateZ(0);transform:translateZ(0)}.shape-dropdown-panel.active{left:0}.shape-panel-header{padding:20px;background:var(--dark-blue);color:#fff;font-size:18px;font-weight:500;position:sticky;top:0;width:100%;z-index:1001;-webkit-transform:translateZ(0);transform:translateZ(0)}.shape-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--background-secondary);padding:20px;padding-bottom:40px;min-height:calc(100vh - 40px);overflow:visible}.shape-option-item{background:var(--background-primary);padding:10px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100px;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.shape-option-item:hover{background:var(--primary-light);box-shadow:0 4px 12px var(--primary-light)}.shape-option-item.selected{background:var(--primary-light);color:var(--primary-blue)}.shape-option-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.shape-option-icon img{width:50px;height:50px;object-fit:contain}.shape-option-label{font-size:12px;font-weight:500;text-align:center;line-height:1.2}.shape-close-button{position:absolute;top:15px;right:20px;background:0 0;border:none;color:#fff;font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.shape-close-button:hover{background:var(--coral-light)}.mwc-select-container{position:relative;border:none}.mwc-select-container .select_ul{position:absolute;top:100%;left:0;right:0;background:var(--background-primary);max-height:0;overflow:hidden;transition:all .3s ease;z-index:1000;box-shadow:0 4px 12px var(--shadow-color);list-style:none;margin:0;padding:0;border-top:none}.mwc-select-container.active .select_ul{max-height:300px;overflow-y:auto;border:2px solid var(--primary-blue);border-top:none}.mwc-select-container.active .select-container{border-color:var(--primary-blue);box-shadow:0 2px 8px var(--shadow-color)}.mwc-select-container.open-upward .select_ul{top:auto;bottom:100%}.mwc-select-container.open-upward.active .select_ul{border:2px solid var(--primary-blue);border-bottom:none}.mwc-select-container .select_ul li{border-bottom:1px solid rgba(15,82,186,.1);cursor:pointer;transition:background-color .2s ease;padding:12px 16px;min-height:48px;display:flex;align-items:center;gap:12px}.mwc-select-container .select_ul li:last-child{border-bottom:none}.mwc-select-container .select_ul li:hover{background:var(--primary-light)}.mwc-select-container .select_ul .option{display:flex;align-items:center;gap:12px;flex:1}.mwc-select-container .select_ul .option .icon{width:24px;height:24px;flex-shrink:0;position:relative;overflow:visible;background:#fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:2px}.mwc-select-container .select_ul .option .icon svg{width:100%;height:100%;display:block}.mwc-select-container .select_ul .option p{margin:0;font-size:1rem;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-icon,.select-svg-icon{width:24px;height:24px;flex-shrink:0;position:relative;margin-right:8px;vertical-align:middle;background-color:#fff;box-sizing:border-box;overflow:visible;display:inline-flex;align-items:center;justify-content:center}.select-icon{overflow:hidden;background:var(--primary-blue)}.select-icon svg,.select-svg-icon svg{width:100%;height:100%;display:block}.select-text{display:flex;align-items:center}.mwc-select-button{width:100%;padding:10px 15px;background:0 0;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#333;height:48px;text-align:left;box-sizing:border-box;border:2px solid var(--primary-blue)}.mwc-select-button:hover{background:0 0}.mwc-select-button.active{background:0 0}.mwc-select-arrow{width:16px;height:16px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231976d2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform .3s ease}.mwc-select-arrow.rotated{transform:rotate(180deg)}.footer{background:linear-gradient(135deg,var(--dark-blue) 0,var(--primary-blue) 100%);color:#fff;padding:30px 20px;margin-top:auto}.footer-content{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-logo{font-size:1.4rem;font-weight:700;background:rgba(255,255,255,.15);padding:6px 14px;letter-spacing:1px}.footer-brand p{font-size:.9rem;opacity:.8}.footer-links{display:flex;gap:24px}.footer-links a{color:#fff;text-decoration:none;font-size:.95rem;opacity:.85;transition:opacity .2s ease}.footer-links a:hover{opacity:1;text-decoration:underline}.footer-copy p{font-size:.8rem;opacity:.6}@media (max-width:600px){.footer-content{flex-direction:column;text-align:center}.footer-brand{flex-direction:column;gap:6px}}.static-page .header a{color:#fff;text-decoration:none}.static-page .header a:hover{opacity:.85}.static-content{flex:1;padding:40px 24px;background:#fff;line-height:1.7;color:var(--text-primary)}.static-content h2{color:var(--primary-blue);margin:28px 0 12px;font-size:1.3rem}.static-content p{margin-bottom:14px}.static-content ul{margin:0 0 14px 24px}.static-content ul li{margin-bottom:6px}@media (max-width:480px){.static-content{padding:24px 16px}}.seo-content{padding:30px 24px;background:var(--background-secondary);color:var(--text-primary);line-height:1.7;border-top:1px solid var(--border-color)}.seo-content h2{color:var(--primary-blue);font-size:1.4rem;margin-bottom:12px}.seo-content h3{color:var(--dark-blue);font-size:1.05rem;margin:20px 0 8px}.seo-content p{font-size:.92rem;margin-bottom:10px;color:#444}