.control-banner{background:radial-gradient(circle at 78% 30%,rgba(35,217,171,.22),transparent 30%),linear-gradient(135deg,#06172a,#0a5566)}.control-section{padding-top:48px;background:#e9eff3}.control-lab{max-width:1800px;margin:auto;display:grid;grid-template-columns:345px minmax(0,1fr);overflow:hidden;border:1px solid #bdcad3;border-radius:20px;background:#fff;box-shadow:0 25px 75px rgba(4,28,44,.17)}.control-sidebar{max-height:1300px;overflow:auto;padding:1.15rem;background:linear-gradient(180deg,#fbfcfd,#edf3f5);border-right:1px solid #bdcbd4}.control-heading{position:sticky;top:-1.15rem;z-index:3;margin:-1.15rem -1.15rem 1rem;padding:1rem 1.15rem .8rem;border-bottom:1px solid #c8d3da;background:#fff}.control-heading h2{margin:0;color:#123248;font-size:1.25rem}.control-subtitle{display:block;margin:.35rem 0 .65rem;color:#087a70;font-size:.67rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.control-sidebar label{display:block;margin-bottom:.65rem;color:#365166;font-size:.68rem;font-weight:800}.control-sidebar input,.control-sidebar select{width:100%;margin-top:.25rem;padding:.55rem .58rem;border:1px solid #c3d1d9;border-radius:7px;background:#fff;color:#18364b;font-size:.72rem;outline:0}.control-sidebar input:focus,.control-sidebar select:focus{border-color:#0c8e81;box-shadow:0 0 0 3px rgba(12,142,129,.12)}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 .6rem}.control-sidebar hr{margin:.8rem 0;border-color:#c8d4db}.transfer-card{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.65rem;border:1px solid #bcd2d0;border-radius:8px;background:#e6f5f2;color:#315a59;font-size:.65rem}.transfer-card strong{font-family:Cambria,serif;font-size:.76rem}.run-control,.secondary-control{width:100%;padding:.66rem;border-radius:8px;font-size:.69rem;font-weight:900}.run-control{border:0;background:linear-gradient(135deg,#078d7e,#05625d);color:#fff;box-shadow:0 7px 17px rgba(5,109,99,.23)}.secondary-control{margin:.45rem 0;border:1px solid #b7c8d1;background:#fff;color:#31546a}.secondary-control:hover{border-color:#078d7e;background:#eaf8f5;color:#05645e}.control-workspace{min-width:0;padding:.8rem;background:#dfe7ec}.control-toolbar{display:flex;align-items:center;justify-content:space-between;margin:-.8rem -.8rem .75rem;padding:.7rem .9rem;border-bottom:1px solid #aebdc7;background:linear-gradient(#fff,#eef2f4)}.control-toolbar strong,.control-toolbar small{display:block}.control-toolbar strong{color:#18374d;font-size:.78rem}.control-toolbar small{color:#718594;font-size:.6rem}.status-lamp{display:flex;align-items:center;gap:.4rem;padding:.35rem .55rem;border:1px solid #c2cfd7;border-radius:20px;background:#fff;color:#4c6475;font-size:.62rem;font-weight:850}.status-lamp i{width:9px;height:9px;border-radius:50%;background:#f0aa28;box-shadow:0 0 8px #f0aa28}.status-lamp.stable i{background:#22b76a;box-shadow:0 0 8px #22b76a}.status-lamp.unstable i{background:#e34255;box-shadow:0 0 8px #e34255}.block-diagram-card,.plot-panel{border:1px solid #c2cfd7;border-radius:10px;background:#fff;box-shadow:0 5px 16px rgba(18,48,68,.07)}.card-title,.plot-heading{display:flex;align-items:center;justify-content:space-between;padding:.58rem .75rem;border-bottom:1px solid #d4dde3}.card-title span,.plot-heading strong{display:block;color:#18384e;font-size:.7rem;font-weight:900}.card-title small,.plot-heading small{display:block;color:#7a8d9b;font-size:.58rem}.control-diagram{display:block;width:100%;height:220px;background:linear-gradient(#fff,#f8fafb)}.signal-wire,.feedback-wire,.disturbance-wire{fill:none;stroke:#395a70;stroke-width:3;marker-end:url(#control-arrow)}.feedback-wire{stroke:#168879}.disturbance-wire{stroke:#d78b22}.sum-node{fill:#fff;stroke:#274e67;stroke-width:3}.sum-sign{fill:#17384e;font-size:18px;font-weight:900}.diagram-block{stroke-width:2}.controller-block{fill:#e2f5f1;stroke:#078d7e}.plant-block{fill:#e5eff8;stroke:#1875ad}.block-title{fill:#17384e;font-size:17px;font-weight:900}.block-formula,.signal-name{fill:#567082;font-size:13px}.pickoff{fill:#17384e}.control-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;margin:.7rem 0}.control-metrics article{padding:.65rem;border:1px solid #c4d0d8;border-radius:8px;background:#fff}.control-metrics span,.control-metrics strong{display:block}.control-metrics span{color:#718594;font-size:.55rem;font-weight:850;text-transform:uppercase}.control-metrics strong{margin-top:.1rem;color:#18384e;font-size:.95rem}.control-metrics .metric-primary{border-color:#087f76;background:#087f76}.control-metrics .metric-primary span{color:#cdeee9}.control-metrics .metric-primary strong{color:#fff}.analysis-tabs{display:flex;gap:3px;margin-bottom:.5rem;padding:3px;border:1px solid #bbc9d2;border-radius:8px;background:#edf2f5}.analysis-tabs button{flex:1;padding:.55rem;border:0;border-radius:6px;background:transparent;color:#526c7e;font-size:.65rem;font-weight:850}.analysis-tabs button.active{background:#fff;color:#087b72;box-shadow:0 2px 7px rgba(16,49,70,.13)}.plot-panel{display:none;overflow:hidden}.plot-panel.active{display:block}.plot-panel canvas{display:block;width:100%;height:auto;max-height:430px;background:#fff}.bode-grid{display:grid;grid-template-columns:1fr 1fr}.bode-grid canvas{max-height:310px}.bode-grid canvas+canvas{border-left:1px solid #d6dfe4}.plot-legend{display:flex;gap:.8rem;color:#5c7485;font-size:.58rem}.plot-legend span:before{content:'';display:inline-block;width:16px;margin-right:.25rem;border-top:2px solid;vertical-align:middle}.plot-legend .reference:before{border-color:#7f8c99;border-top-style:dashed}.plot-legend .output:before{border-color:#087f76}.plot-legend .command:before{border-color:#df8c22}.control-credit{margin:.7rem 0 0;padding:.55rem .7rem;border-radius:7px;background:#071b29;color:#718998;text-align:right;font-size:.58rem}.control-credit strong{color:#f0c34a}@media(max-width:1100px){.control-lab{grid-template-columns:310px 1fr}.control-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.control-lab{grid-template-columns:1fr}.control-sidebar{max-height:none}.control-diagram{height:auto}.bode-grid{grid-template-columns:1fr}.bode-grid canvas+canvas{border-left:0;border-top:1px solid #d6dfe4}}@media(max-width:560px){.control-section .container-fluid{padding:0 .45rem!important}.control-lab{border-radius:10px}.control-grid{grid-template-columns:1fr}.control-metrics{grid-template-columns:repeat(2,1fr)}.analysis-tabs button{font-size:0}.analysis-tabs button i{font-size:.85rem}.plot-legend{display:none}}