.dam-layout{grid-template:"section design"minmax(0,1fr)"flood design"238px/minmax(0,1fr) 372px}.section-panel{grid-area:section}.design-panel{grid-area:design;overflow:hidden}.flood-panel{grid-area:flood}#section,#hydrograph{flex:1;width:100%;min-height:0;display:block}.panel-head .btn{font-size:var(--fs-micro);margin-left:auto;padding:3px 9px}.panel-head .hint{margin-left:12px;margin-right:0}.valley-wrap{border-bottom:1px solid var(--line);flex-shrink:0;height:132px}#valley{width:100%;height:132px;display:block}#controls{border-top:1px solid var(--line);flex-direction:column;flex:1;gap:11px;min-height:0;padding:10px 12px 14px;display:flex;overflow-y:auto}.design-row{flex-direction:column;gap:5px;display:flex}.design-row-head{font-size:var(--fs-small);color:var(--text-dim);text-transform:uppercase;letter-spacing:.7px;align-items:baseline;gap:8px;font-weight:600;display:flex}.design-value{font-family:var(--mono);font-size:var(--fs-small);color:var(--text);text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums;margin-left:auto}.design-note{font-size:var(--fs-micro);color:var(--text-dim);line-height:1.45}.design-panel .stat-grid{border-top:none;flex-shrink:0;padding:9px 12px 6px}.design-row input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;margin:0}.design-row input[type=range]:disabled{cursor:default;opacity:.5}.design-row input[type=range]:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.type-group{grid-template-columns:1fr 1fr 1fr;gap:5px;display:grid}.type-btn{font-size:var(--fs-micro);text-align:center;padding:7px 4px;line-height:1.3}.type-name{display:block}.seepage-btn{text-align:left;width:100%;font-size:var(--fs-small);padding:8px 11px}.budget-box{flex-shrink:0;padding:2px 12px 12px}.budget-bar{background:var(--bg);border:1px solid var(--line);border-radius:5px;height:9px;overflow:hidden}.budget-bar>div{background:var(--accent);width:0;height:100%;transition:width .15s ease-out,background .15s}.budget-note{font-size:var(--fs-small);color:var(--text-dim);margin:8px 0 0;line-height:1.5}.stat dd.pos{color:var(--ok)}.stat dd.neg{color:var(--danger)}.stat dd.warn-text{color:var(--warn)}.flood-status{background:color-mix(in srgb, var(--panel) 94%, transparent);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-2);font-family:var(--mono);font-size:var(--fs-small);font-variant-numeric:tabular-nums;pointer-events:none;z-index:4;padding:8px 12px;line-height:1.65;position:absolute;top:12px;left:14px}.flood-status[hidden]{display:none}.flood-status.failed{border-left-color:var(--danger)}.flood-status .k{color:var(--text-dim)}.flood-status .bad{color:var(--danger);font-weight:600}.flood-status .warn{color:var(--warn)}.verdict{border-top:1px solid var(--line);font-size:var(--fs-small);color:var(--text-dim);flex-shrink:0;max-height:62px;margin:0;padding:9px 13px;line-height:1.5;overflow-y:auto}.verdict.ok{color:var(--ok)}.verdict.bad{color:var(--danger)}@media (prefers-reduced-motion:reduce){.budget-bar>div{transition:none}}@media (max-width:1100px){.dam-layout{grid-template:"section"320px"design""flood"/minmax(0,1fr)}.design-panel{overflow-y:visible}.flood-panel{min-height:260px}}