.tool-page-header{margin-bottom:1.3rem}.tool-jumps{border-block:1px solid var(--line);flex-wrap:wrap;gap:0 clamp(.85rem,3vw,2.1rem);margin-top:1.25rem;display:flex}.tool-jumps a{align-items:center;gap:.35rem;min-height:2.75rem;font-weight:600;display:inline-flex}.tool-jumps svg{width:.95rem;transform:rotate(90deg)}.zone-workspace,.tool-pair{gap:1.25rem;display:grid}.zone-workspace{grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);align-items:start}.tool-pair{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.4rem}.zone-workspace,.compact-tool{scroll-margin-top:1rem}#zone-form,.planning-form,.compact-tool{border:1px solid var(--line);background:var(--white);padding:clamp(1rem,3.4vw,2rem)}#zone-form h2,.planning-form h2,.compact-tool h2{font:400 clamp(2rem, 4vw, 3rem)/1.02 var(--display);letter-spacing:-.016em}.tool-fields fieldset{border:0;min-width:0;margin:1.1rem 0 0;padding:0}.tool-fields legend{margin-bottom:.5rem;padding:0;font-weight:600}.tool-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .85rem;display:grid}.model-inputs{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.tool-fields label{font-size:.91rem;font-weight:500;display:block}.tool-fields input[type=number],.tool-fields select,#copy-fallback{border:1px solid var(--field-line);background:var(--white);width:100%;min-height:2.8rem;color:var(--ink);font:inherit;border-radius:3px;margin-top:.28rem;padding:.45rem .55rem;font-size:1rem;display:block}.tool-fields input:disabled{background:var(--soft);color:var(--ink)}.tool-fields .tool-switch{cursor:pointer;align-items:center;gap:.5rem;min-height:2.35rem;margin-top:.45rem;display:flex}.tool-switch input{width:1.1rem;height:1.1rem;accent-color:var(--green);margin:0}.tool-model-source{grid-column:1/-1;font-size:.91rem}#line-rate-field,#manual-emitter-fields{margin-top:.65rem}.tool-supply{border-block:1px solid var(--line);margin-top:.7rem;padding-block:.65rem}.tool-supply summary{cursor:pointer;color:var(--green);font-weight:600}.tool-supply label{max-width:18rem;margin-top:.6rem}.tool-help{color:var(--muted);margin-top:.5rem;font-size:.88rem}.tool-secondary{border:1px solid var(--field-line);background:var(--paper);min-height:2.75rem;color:var(--green);font:600 .95rem/1.35 var(--font);cursor:pointer;border-radius:3px;padding:.45rem .8rem}.tool-secondary:hover:not(:disabled){background:var(--soft)}.tool-secondary:disabled{opacity:.55;cursor:default}#zone-form>.tool-secondary{margin-top:.85rem}.zone-result{--water-on-ink:color-mix(in srgb, var(--water) 32%, var(--soft));background:var(--ink);min-width:0;color:var(--paper);padding:clamp(1.05rem,3vw,2rem)}.zone-result :focus-visible{outline-color:var(--leaf)}.zone-result output{color:var(--leaf);font:500 clamp(1.65rem, 4vw, 3rem)/1.1 var(--mono);overflow-wrap:anywhere;margin-top:.4rem;display:block}.zone-result-hint{margin-top:.6rem}#zone-breakdown{border-top:1px solid var(--field-line);margin:1.1rem 0 0}#zone-breakdown>div{border-bottom:1px solid var(--field-line);flex-wrap:wrap;justify-content:space-between;gap:.1rem .75rem;padding-block:.54rem;display:flex}.zone-result dd{font-family:var(--mono);overflow-wrap:anywhere;margin:0}.zone-capacity{border:1px solid var(--field-line);margin-top:.9rem;padding:.75rem}#zone-capacity-status{font-weight:600}#zone-row-limit,#copy-feedback{margin-top:.3rem;font-size:.89rem}.zone-result .tool-secondary{border-color:var(--leaf);background:var(--leaf);color:var(--ink);margin-top:1rem}.zone-result .tool-secondary:hover:not(:disabled){background:var(--paper)}.tool-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.zone-result .tool-actions .tool-secondary{margin-top:0}.tool-actions a.tool-secondary{align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.tool-actions svg{flex:none;width:.95rem}.zone-result #copy-zone{color:var(--paper);border-color:var(--field-line);background:0 0}.zone-result #copy-zone:hover:not(:disabled){background:var(--green)}.zone-plan,.emitter-strip{min-width:0;margin:0}.zone-plan{border:1px solid var(--field-line);background:color-mix(in srgb, var(--ink), var(--leaf) 8%);color:var(--leaf);margin-top:1rem;padding:.6rem .7rem .25rem}.zone-plan figcaption,.emitter-strip figcaption{flex-wrap:wrap;justify-content:space-between;gap:.12rem .65rem;font-size:.89rem;display:flex}.zone-plan figcaption :first-child,.emitter-strip figcaption :first-child{font-family:var(--mono)}.zone-plan figcaption :first-child{color:var(--leaf)}.zone-plan figcaption :last-child{color:var(--line)}.zone-plan svg,.emitter-strip svg{width:100%;display:block}.zone-plan svg{margin-top:.4rem}.plan-header,.plan-tape{fill:none;stroke:var(--water-on-ink);stroke-linecap:round}.plan-header{stroke-width:2.8px}.plan-tape{stroke-width:1.4px}.plan-inlet{fill:var(--water-on-ink)}.plan-cap{stroke:var(--water-on-ink);stroke-width:1.35px}.plan-emitters{stroke:var(--leaf);stroke-width:2.7px;stroke-dasharray:.2 13;stroke-linecap:round}.plan-row{transform:translateY(var(--row-y)) scaleX(1);transform-origin:45px 0;transition:transform .23s ease-out,opacity .18s ease-out}.plan-row[data-visible=false]{opacity:0;transform:translateY(var(--row-y)) scaleX(.15)}.plan-total,.zone-plan[data-total=true] .plan-rows{display:none}.zone-plan[data-total=true] .plan-total{display:block}.flow-comparison{margin:0 0 .85rem}.flow-comparison>div{grid-template-columns:repeat(2,minmax(0,1fr));align-items:baseline;gap:.3rem .5rem;margin-bottom:.6rem;font-size:.89rem;display:grid}.flow-value{text-align:right;font-family:var(--mono);overflow-wrap:anywhere}.flow-track{background:color-mix(in srgb, var(--ink), var(--field-line) 46%);grid-column:1/-1;height:.38rem;display:block}.flow-track>span{background:var(--leaf);height:100%;transform:scaleX(var(--bar-ratio,0));transform-origin:0;transition:transform .24s ease-out;display:block}#supply-bar{background:var(--water-on-ink)}@starting-style{.flow-track>span{transform:scaleX(0)}}.compact-tool{min-width:0}.compact-tool>p{color:var(--muted);margin:.55rem 0 .8rem}.compact-result{background:var(--soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem 1rem;margin-top:.8rem;padding:.65rem .75rem;display:flex}.compact-result output{font:500 .91rem/1.5 var(--mono);overflow-wrap:anywhere}.emitter-strip,.bucket-clock{border-block:1px solid var(--line);background:var(--paper);min-height:6.45rem;margin-top:.85rem;padding:.6rem .75rem}.emitter-strip svg{max-height:3.75rem}.emitter-strip figcaption{color:var(--muted)}.emitter-strip figcaption :first-child{color:var(--ink)}.strip-measure{fill:none;stroke:var(--field-line);stroke-width:1.2px}.strip-tape{fill:color-mix(in srgb, var(--water) 12%, var(--paper));stroke:var(--water);stroke-width:1.2px}.strip-emitter{fill:var(--water);transform:translateX(var(--emitter-offset));transition:transform .23s ease-out,opacity .18s ease-out}.strip-emitter[data-visible=false]{opacity:0}.bucket-clock{align-items:center;gap:.75rem;display:flex}.bucket-clock>div{min-width:0}.bucket-clock svg{flex:none;width:4.6rem}.clock-tap,.clock-bucket{fill:none;stroke:var(--green);stroke-width:1.75px;stroke-linejoin:round}.clock-drop{fill:var(--water);opacity:.52}.clock-label{color:var(--muted);font-size:.77rem;display:block}#bucket-clock-time{color:var(--ink);font:500 clamp(1.15rem, 3vw, 1.7rem)/1.2 var(--mono);overflow-wrap:anywhere}.bucket-clock[data-running=true]{border-color:var(--water)}.bucket-clock[data-running=true] #bucket-clock-time{color:var(--water)}.bucket-clock[data-running=true] .clock-drop{opacity:1;animation:.56s ease-in clock-drop}@keyframes clock-drop{0%{opacity:0;transform:translateY(-7px)}40%{opacity:1}85%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tool-method{margin-top:2.5rem}@media (prefers-reduced-motion:reduce){.plan-row,.flow-track>span,.strip-emitter{transition:none}.bucket-clock[data-running=true] .clock-drop{animation:none}}@media (width<=49rem){.zone-workspace,.tool-pair{grid-template-columns:minmax(0,1fr);gap:.8rem}}@media (width<=23rem){#manual-fields>.tool-inputs{grid-template-columns:minmax(0,1fr)}}