body{margin:0;padding:0;background-color:#f6f8fa;color:#222;font-family:Arial,sans-serif}*{box-sizing:border-box}.panel{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 10px #0000000d}input,select,button{background-color:#dceefb;color:#222;border:1px solid #a3c4f3;padding:10px;border-radius:8px;font-size:14px;margin-bottom:10px}button{cursor:pointer;transition:background-color .3s}button:hover{background-color:#b6e0fe}h1,h2,h3,label{color:#222}.graph-panel{background-color:#e8f0fe;border-radius:12px;padding:20px;overflow-x:auto;min-height:500px}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}form>div{margin-bottom:15px}@media (max-width: 768px){.panels{flex-direction:column}.panel,.graph-panel{width:100%;box-sizing:border-box}}h1{font-size:26px;font-weight:700;margin-bottom:20px}.output-box{background-color:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#333;font-size:14px;margin-top:20px}.layer-box{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 6px #0000000d}