body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f4f7f9;margin:0;color:#333}.container{display:flex;flex-direction:column;height:100vh}header{background-color:#fff;padding:10px 30px;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}header h1{margin:0;font-size:1.5em}header p{margin:5px 0 0;color:#666}main{display:flex;flex:1;overflow:hidden}.controls-panel{width:300px;background-color:#fff;padding:20px;border-right:1px solid #e0e0e0;overflow-y:auto}.controls-panel h2{margin-top:0;border-bottom:2px solid #007bff;padding-bottom:10px;display:inline-block}.slider-group{margin-bottom:20px}.slider-group label{display:block;margin-bottom:8px;font-weight:500}.slider-group input[type=range]{width:100%;cursor:pointer}button{width:100%;padding:12px;font-size:1em;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}button:hover{background-color:#0056b3}button:disabled{background-color:#a0a0a0;cursor:not-allowed}.visualizer-panel{flex:1;padding:20px;display:flex;flex-direction:column}.status-success{color:#28a745}.status-failed{color:#dc3545}.status-calculating...{color:#ffc107}.error-box,.result-box,.placeholder-box{border:1px solid #ddd;border-radius:5px;margin-top:15px;padding:15px;flex:1;display:flex;flex-direction:column}.result-box{background-color:#f8f9fa}.error-box{background-color:#fff3f3;color:#721c24;border-color:#f5c6cb}.placeholder-box{align-items:center;justify-content:center;color:#888;font-style:italic}pre{background-color:#e9ecef;padding:10px;border-radius:4px;white-space:pre-wrap;word-break:break-all}.explanation-box{background-color:#e9f5ff;border:1px solid #b3d7ff;border-radius:5px;padding:15px;margin-bottom:25px;font-size:.9em}.explanation-box h3{margin-top:0;color:#0056b3}.slider-group small{display:block;margin-top:5px;font-size:.8em;color:#6c757d;font-style:italic}.result-box p{font-size:.95em;line-height:1.5}