.tool-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:8px;margin-bottom:22px}.tool-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:22px;padding:10px 15px;font:600 14px var(--body);cursor:pointer}.tool-tabs button.active{background:var(--navy);color:#fff}.workbench{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.calc-panel{display:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px}.calc-panel.active{display:block}.calc-panel h2{font:600 27px var(--head);color:var(--navy);margin:0 0 8px}.calc-panel>p{color:var(--muted);margin:0 0 25px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-grid label{font-size:14px;font-weight:700}.input-grid input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:12px;font:500 16px var(--body);color:var(--navy)}.input-grid .full{grid-column:1/-1}.result-board{background:var(--navy);border-radius:16px;padding:30px;color:#fff;position:sticky;top:20px;align-self:start}.result-board>span{font-size:13px;color:#aebdd0}.result-board strong{display:block;font:600 42px var(--head);color:#4bd8c6;margin:6px 0 20px}.result-row{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #ffffff22;color:#bfccdc}.result-row b{color:#fff}.explain{font-size:13px;color:#9fb0c5;margin-top:22px}@media(max-width:800px){.workbench{grid-template-columns:1fr}.result-board{position:static}}@media(max-width:560px){.input-grid{grid-template-columns:1fr}.input-grid .full{grid-column:auto}.calc-panel,.result-board{padding:22px}}