*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem}header h1{color:#2c3e50;margin-bottom:.5rem;font-size:2.5rem}.subtitle{color:#666;font-size:1.1rem}.container{background:#fff;border-radius:8px;grid-template-columns:1fr 2fr;gap:2rem;padding:2rem;display:grid;box-shadow:0 2px 8px #0000001a}.controls{flex-direction:column;gap:1.5rem;display:flex}.unit-toggle{gap:.5rem;margin-bottom:1rem;display:flex}.unit-toggle button{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:4px;flex:1;padding:.5rem 1rem;font-size:1rem;transition:all .2s}.unit-toggle button.active{color:#fff;background:#3498db;border-color:#3498db}.unit-toggle button:hover:not(.active){border-color:#3498db}.input-section{flex-direction:column;gap:1rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:#555;font-weight:500}.input-group input{border:1px solid #ddd;border-radius:4px;padding:.5rem;font-size:1rem}.input-group input:focus{border-color:#3498db;outline:none}.optional{color:#999;font-size:.85rem;font-weight:400}.toggle-group{border-top:1px solid #eee;margin-top:1rem;padding-top:1rem}.toggle-group label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.toggle-group input[type=checkbox]{cursor:pointer;width:1.2rem;height:1.2rem}.advanced-inputs{background:#f9f9f9;border-radius:4px;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.print-button{color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:4px;margin-top:auto;padding:.75rem 1.5rem;font-size:1rem;transition:background .2s}.print-button:hover{background:#34495e}.output{flex-direction:column;gap:2rem;display:flex}.stair-diagram{border:1px solid #eee;border-radius:4px;width:100%;height:auto}.dimension-label,.angle-label{fill:#333;font-size:14px;font-weight:500}.results h2,.results h3{color:#2c3e50;margin-bottom:1rem}.results h3{margin-top:1.5rem;font-size:1.2rem}.result-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.result-item{background:#f9f9f9;border-radius:4px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.result-item .label{color:#666;font-size:.9rem}.result-item .value{color:#2c3e50;font-size:1.3rem;font-weight:600}.validation{border-radius:4px;margin-top:1rem;padding:1rem}.validation.valid{background:#d4edda;border:1px solid #c3e6cb}.validation.invalid{background:#fff3cd;border:1px solid #ffeaa7}.validation-status{margin-bottom:.5rem;font-weight:600}.validation.valid .validation-status{color:#155724}.validation.invalid .validation-status{color:#856404}.validation-warnings{padding-left:1.5rem;list-style:none}.validation-warnings li{color:#856404;margin-top:.5rem}.validation-warnings li:before{content:"• ";margin-right:.5rem}@media (width<=768px){.container{grid-template-columns:1fr}.app{padding:1rem}header h1{font-size:2rem}}@media print{body{background:#fff;margin:0;padding:0}.app{max-width:100%;padding:0}.no-print{display:none!important}.container{box-shadow:none;padding:1cm;display:block}.print-header{text-align:center;border-bottom:2px solid #333;margin-bottom:1.5cm;padding-bottom:.5cm;display:block}.print-header h1{margin-bottom:.3cm;font-size:24pt}.print-header .subtitle{color:#666;font-size:12pt}.output{display:block}.stair-diagram{page-break-inside:avoid;border:1px solid #333;width:100%;height:15cm;margin:1cm 0}.results{page-break-inside:avoid;margin-bottom:1cm}.results h2,.results h3{border-bottom:1px solid #333;margin-top:.8cm;margin-bottom:.4cm;padding-bottom:.2cm;font-size:14pt}.result-grid{grid-template-columns:repeat(2,1fr);gap:.5cm;margin-bottom:.8cm;display:grid}.result-item{background:#f5f5f5;border:1px solid #ddd;padding:.4cm}.result-item .label{color:#333;margin-bottom:.2cm;font-size:10pt;display:block}.result-item .value{color:#000;font-size:14pt;font-weight:700}.validation{page-break-inside:avoid;border:2px solid;margin-top:.8cm;padding:.5cm}.validation.valid{background:#e8f5e9;border-color:#4caf50}.validation.invalid{background:#fff9c4;border-color:#ff9800}.validation-status{font-size:12pt;font-weight:700}.validation-warnings li{margin-top:.3cm;font-size:10pt}.print-footer{text-align:center;color:#666;border-top:1px solid #333;margin-top:1.5cm;padding-top:.5cm;font-size:9pt;display:block}.output{page-break-before:avoid}}@media screen{.print-only{display:none}}