body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.header{color:#fff;padding:40px 0;text-align:center}.header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.header p{font-size:1.2rem;opacity:.9}.tools-container{flex-wrap:wrap;gap:30px;margin:0 auto;max-width:800px}.tool-card,.tools-container{display:flex;justify-content:center}.tool-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;cursor:pointer;flex-direction:column;min-height:200px;padding:40px 10px;text-align:center;transition:all .3s ease;width:300px}.tool-card:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-5px)}.tool-card h3{color:#333;font-size:1.5rem;margin-bottom:15px}.tool-card p{color:#666;line-height:1.6;padding:0 15px}.tool-icon{font-size:3rem;margin-bottom:20px}@media (max-width:768px){.tools-container{align-items:center;flex-direction:column}.tool-card{max-width:300px;width:100%}.header h1{font-size:2rem}.header p{font-size:1rem}}.navigation-bar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;margin-bottom:30px;padding:20px}.back-button{background:#fff3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;margin-right:20px;padding:8px 16px;transition:all .3s ease}.back-button:hover{background:#ffffff4d;transform:translateY(-1px)}.page-title{font-size:1.5rem;margin:0;text-shadow:1px 1px 2px #0003}@media (max-width:768px){.navigation-bar{padding:15px}.back-button{font-size:12px;margin-right:15px;padding:6px 12px}.page-title{font-size:1.2rem}}.stress-calculator{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:600px;padding:20px}.stress-calculator h2{color:#333;font-size:1.8rem;margin-bottom:30px;text-align:center}.input-group input{border:2px solid #ddd;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease;width:92%}.input-group input:focus{border-color:#667eea;outline:none}.status-indicator{background:#fffc;border-radius:4px;font-weight:600;padding:4px 8px}.info-section{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:10px;padding:20px}.info-section h4{color:#1976d2;margin-bottom:10px;margin-top:0}.info-section p{color:#555;line-height:1.6;margin:5px 0}.info-section p:last-child{margin-bottom:0}@media (max-width:768px){.stress-calculator{margin:0 10px;padding:15px}.input-group input{font-size:14px;padding:10px}.calculate-btn{font-size:14px;padding:12px}}.material-calculator{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:600px;padding:20px}.material-calculator h2{color:#333;font-size:1.8rem;margin-bottom:30px;text-align:center}.calculate-btn{background:linear-gradient(135deg,#667eea,#764ba2);font-size:16px;font-weight:600;margin-bottom:30px;padding:15px}.calculate-btn:active{transform:translateY(0)}.result-item{margin-bottom:10px;padding:8px 0}.result-item:last-child{margin-bottom:0}.result-item span:first-child{color:#666;font-weight:500}.result-item span:last-child{color:#333;font-weight:600}.material-info{background:#e8f5e8;border-left:4px solid #4caf50;border-radius:10px;padding:20px}.material-info h4{color:#2e7d32;margin-bottom:15px;margin-top:0}.material-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.material-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:15px}.material-card h5{color:#333;font-size:1.1rem;margin:0 0 10px}.material-card p{color:#666;font-size:.9rem;margin:5px 0}.material-card p:last-child{margin-bottom:0}@media (max-width:768px){.material-calculator{margin:0 10px;padding:15px}.input-group input,.input-group select{font-size:14px;padding:10px}.calculate-btn{font-size:14px;padding:12px}.material-grid{grid-template-columns:1fr}}.formatter{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:600px;padding:20px}.format-section{margin-top:20px}.input-group{margin-bottom:20px}.input-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.input-group input,.input-group select{border:2px solid #ddd;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease;width:92%}.input-group input:focus,.input-group select:focus{border-color:#667eea;outline:none}.format-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:30px;padding:15px;transition:transform .2s ease;width:100%}.format-btn:hover{transform:translateY(-2px)}.format-btn:active{transform:translateY(0)}.result{background:#f8f9fa;padding:20px}.result h3{color:#333;margin-bottom:15px;margin-top:0}.formatted-value{background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:15px}.value-display{color:#667eea;font-family:Courier New,monospace;font-size:1.5rem;font-weight:600;text-align:center}.formatted-value pre{font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;margin:0;white-space:pre-wrap}.explanation{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:6px;color:#1976d2;padding:10px 15px}.examples-section{background:#f8f9fa;border-left:4px solid #4caf50;border-radius:10px;padding:20px}.examples-section h4{color:#2e7d32;margin-bottom:15px;margin-top:0}.example-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.example-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:15px;text-align:center}.example-card h5{color:#333;font-size:.9rem;font-weight:600;margin:0 0 10px}.example-card p{color:#666;font-family:Courier New,monospace;font-size:.85rem;margin:0}@media (max-width:768px){.formatter{margin:0 10px;padding:15px}.input-group input,.input-group select{font-size:14px;padding:10px}.format-btn{font-size:14px;padding:12px}.example-grid{grid-template-columns:1fr}.value-display{font-size:1.2rem}}.cantilever-stress-calculator{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:900px;padding:20px}.calculate-btn{margin-top:20px;width:100%}.results{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;margin-top:30px;padding:25px}.results h3{color:#333;font-size:1.3em;margin-bottom:15px}.result-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 0}.result-item:last-child{border-bottom:none}.result-label{color:#555;font-weight:700}.result-value{color:#667eea;font-size:1.1em;font-weight:700}.formula-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:20px 0;padding:20px}.formula-section h4{color:#856404;margin-bottom:15px;text-align:center}.formula{font-size:1em;margin:8px 0}.formula-image{margin-top:15px;text-align:center}.formula-image img{border-radius:4px;height:auto;max-width:100%}@media (max-width:768px){.cantilever-stress-calculator{margin:0 10px;padding:15px}.input-row{grid-template-columns:1fr}.formula-section{padding:15px}.formula{font-size:.9em}.results{padding:20px}.results h3{font-size:1.2em}.result-value{font-size:1em}}.material-weight-calculator{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:900px;padding:20px}.calculator-section{margin-top:20px}.form-group{margin-bottom:25px}.form-group label{color:#333;display:block;font-size:1.1em;font-weight:700;margin-bottom:8px}.form-group input,.form-group select{border:2px solid #ddd;border-radius:8px;font-size:1em;padding:12px;transition:border-color .3s ease;width:92%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.shape-section{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:20px}.formula-display{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:20px;padding:15px}.formula-display h4{color:#856404;margin:0 0 10px;text-align:center}.formula{background:#fff;border-radius:4px;font-family:Courier New,monospace;font-size:.95em;margin:5px 0;padding:5px;text-align:center}.button-group{display:flex;gap:15px;margin:30px 0}.calculate-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1.1em;padding:15px 30px;transition:transform .2s ease}.calculate-btn:hover{transform:translateY(-2px)}.clear-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1.1em;padding:15px 30px;transition:transform .2s ease}.clear-btn:hover{background:#5a6268;transform:translateY(-2px)}.result{background:#d4edda;border:1px solid #c3e6cb;border-radius:10px;margin-bottom:30px;padding:25px}.result h3{color:#155724;font-size:1.3em;margin:0 0 15px}.result-content{display:flex;flex-direction:column;gap:15px}.result-value{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center}.value-number{color:#667eea;display:block;font-size:2.5em;font-weight:700}.value-unit{color:#666;font-size:1.2em;margin-left:10px}.result-formula{background:#f8f9fa;border-radius:6px;font-family:Courier New,monospace;padding:15px;text-align:center}.parameter-info{background:#e3f2fd;border:1px solid #bbdefb;border-radius:10px;padding:20px}.parameter-info h4{color:#1976d2;margin:0 0 15px;text-align:center}.parameter-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.parameter-item{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 5px #0000001a;display:flex;justify-content:space-between;padding:8px 12px}.param-name{color:#667eea;font-family:Courier New,monospace;font-weight:700}.param-desc{color:#666;font-size:.9em}@media (max-width:768px){.material-weight-calculator{margin:0 10px;padding:15px}.input-row{grid-template-columns:1fr}.button-group{flex-direction:column}.calculate-btn,.clear-btn{width:100%}.value-number{font-size:2em}.parameter-grid{grid-template-columns:1fr}.formula{font-size:.85em}}
/*# sourceMappingURL=main.950f60a3.css.map*/