*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f7fa;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.5;color:#2d3748}.calculator-container{max-width:800px;margin:40px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.calculator-header{text-align:center;margin-bottom:40px}.calculator-header h2{font-size:28px;font-weight:700;color:#2d3748;margin-bottom:8px}.calculator-header p{color:#718096;font-size:16px}.layout-section,.dimensions-section,.material-section,.edge-section,.features-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:24px;margin-bottom:30px}.section h3{font-size:20px;font-weight:600;color:#2d3748;margin-bottom:20px}.layout-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.layout-option{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:20px;cursor:pointer;transition:all 0.2s ease;display:flex;flex-direction:column;align-items:center}.layout-option:hover{border-color:#4299e1;transform:translateY(-2px);box-shadow:0 2px 8px rgba(66,153,225,.2)}.layout-option.selected{border-color:#4299e1;background:#ebf8ff}.layout-icon{width:100px;height:100px;margin-bottom:12px;color:#4a5568}.layout-option.selected .layout-icon{color:#4299e1}.layout-label{font-weight:600;margin-bottom:4px}.layout-description{color:#718096;font-size:14px}.measurement-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.input-group{margin-bottom:20px}.input-group label{display:block;font-weight:500;margin-bottom:8px;color:#2d3748}.input-with-unit{display:flex;gap:10px}.input-with-unit input{flex:1;padding:10px;border:2px solid #e2e8f0;border-radius:6px;font-size:16px;transition:all 0.2s ease}.input-with-unit select{width:100px;padding:10px;border:2px solid #e2e8f0;border-radius:6px;font-size:16px;background:#fff;cursor:pointer}.input-with-unit input:focus,.input-with-unit select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.2)}#quality{width:100%;padding:10px;border:2px solid #e2e8f0;border-radius:6px;font-size:16px;margin-bottom:8px}.quality-description{color:#718096;font-size:14px}.edge-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}.edge-option{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:15px;cursor:pointer;transition:all 0.2s ease;text-align:center}.edge-option:hover{border-color:#4299e1;transform:translateY(-2px);box-shadow:0 2px 8px rgba(66,153,225,.2)}.edge-option.selected{border-color:#4299e1;background:#ebf8ff}.edge-icon{width:80px;height:40px;margin-bottom:8px;color:#4a5568}.edge-option.selected .edge-icon{color:#4299e1}.edge-label{font-weight:600;margin-bottom:4px}.edge-price{color:#718096;font-size:14px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.feature-option{display:flex;align-items:center;background:#fff;padding:12px 15px;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all 0.2s ease}.feature-option:hover{border-color:#4299e1;background:#ebf8ff}.feature-option input[type="checkbox"]{margin-right:12px;width:18px;height:18px}.feature-option span{flex:1;font-weight:500}.feature-option small{color:#718096}.calculate-button{width:100%;padding:15px;background:#4299e1;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all 0.2s ease;margin-top:20px}.calculate-button:hover{background:#3182ce;transform:translateY(-2px);box-shadow:0 2px 8px rgba(66,153,225,.2)}.calculate-button:active{transform:translateY(0)}.results-section{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:24px;margin-top:30px}.total-cost{font-size:36px;font-weight:700;text-align:center;color:#2d3748;margin:20px 0}.cost-breakdown{border-top:2px solid #e2e8f0;margin-top:20px;padding-top:20px}.breakdown-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e2e8f0}.breakdown-item:last-child{border-bottom:none}.quote-actions{display:flex;gap:15px;margin-top:20px}.save-quote-button,.print-quote-button{flex:1;padding:12px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.save-quote-button{background:#48bb78;color:#fff;border:none}.save-quote-button:hover{background:#38a169;transform:translateY(-2px);box-shadow:0 2px 8px rgba(72,187,120,.2)}.print-quote-button{background:#fff;color:#2d3748;border:2px solid #e2e8f0}.print-quote-button:hover{background:#f7fafc;transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.error-message{color:#e53e3e;font-size:14px;margin-top:5px;display:none}.tooltip{position:relative;display:inline-block;margin-left:5px}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#e2e8f0;border-radius:50%;font-size:12px;color:#4a5568;cursor:help}.tooltip-text{visibility:hidden;position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background:#2d3748;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;z-index:1;opacity:0;transition:opacity 0.2s ease}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}@media (max-width:768px){.calculator-container{margin:20px;padding:20px}.layout-options,.measurement-group,.edge-options,.features-grid{grid-template-columns:1fr}.input-with-unit{flex-direction:column}.input-with-unit select{width:100%}.quote-actions{flex-direction:column}.layout-icon{width:80px;height:80px}}@media print{.calculator-container{box-shadow:none;margin:0;padding:20px}.calculate-button,.quote-actions{display:none}.results-section{break-inside:avoid}}