.tool-shell{padding:42px 0 68px;background:radial-gradient(circle at 82% 8%,rgba(255,122,24,.12),transparent 28%)}
.tool-heading{max-width:900px;margin-bottom:28px}.tool-heading h1{font-size:clamp(2.35rem,6vw,5.1rem);line-height:.94;letter-spacing:-.05em;margin:12px 0 18px}.tool-heading p{color:var(--muted);font-size:1.05rem;max-width:720px}
.calculator-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:22px;align-items:start}.calculator-card,.result-card,.tool-copy-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--surface-2),var(--surface));box-shadow:var(--shadow)}.calculator-card{padding:24px}.result-card{position:sticky;top:100px;overflow:hidden}.result-main{padding:28px;background:radial-gradient(circle at 90% 10%,rgba(255,122,24,.2),transparent 42%),#0d1014}.result-label{color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.result-value{color:var(--accent);font-size:clamp(3.4rem,8vw,6.2rem);font-weight:950;line-height:.9;letter-spacing:-.055em;margin:10px 0}.result-value.long-result{font-size:clamp(2rem,5vw,3.5rem);line-height:1}.result-unit{color:#d9dde2;font-weight:750}.result-detail{padding:20px 24px;color:var(--muted);font-size:.9rem}.result-detail strong{color:#fff}
.preset-label{display:block;color:var(--muted);font-size:.82rem;font-weight:800;margin-bottom:9px}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:24px}.preset-button{min-height:50px;border:1px solid var(--line);border-radius:13px;background:#20242b;color:#fff;font-weight:850;padding:10px 12px;cursor:pointer}.preset-button:hover,.preset-button:focus-visible{border-color:var(--accent);outline:none}.preset-button.active{background:rgba(255,122,24,.14);border-color:var(--accent);color:var(--accent-2)}
.weight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.weight-field{min-width:0}.weight-field:first-child{grid-column:1/-1}.weight-field label{display:block;font-weight:820;margin-bottom:7px}.weight-field label small{color:var(--muted);font-size:.78em;font-weight:700}.weight-input-wrap{display:flex;align-items:center;border:1px solid #3a4049;border-radius:14px;background:#0d1014;overflow:hidden}.weight-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,122,24,.15)}.weight-input{width:100%;min-width:0;min-height:54px;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:1.14rem;font-weight:800;padding:0 10px 0 15px}.weight-unit{padding:0 14px;color:var(--muted);font-weight:800}.calculate-button{width:100%;min-height:56px;margin-top:22px;border:0;border-radius:15px;background:var(--accent);color:#111;font:inherit;font-size:1.05rem;font-weight:950;cursor:pointer}.calculate-button:hover{background:var(--accent-2)}
.payload-bar{height:10px;border-radius:999px;background:#282e36;overflow:hidden;margin:17px 0 8px}.payload-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s}.payload-fill.over{background:#ff4d3d}.payload-caption{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.78rem;font-weight:750}.result-kpis{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.result-kpi{padding:18px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.result-kpi:nth-child(2n){border-right:0}.result-kpi:nth-last-child(-n+2){border-bottom:0}.result-kpi span{display:block;color:var(--muted);font-size:.76rem;font-weight:760;line-height:1.3}.result-kpi strong{display:block;margin-top:5px;font-size:1.25rem}.status-message{display:none;margin-top:18px;border:1px solid #6c573e;border-radius:15px;padding:14px 16px;background:rgba(255,177,92,.08);color:#ead8c3}.status-message.show{display:block}.status-message.outside{border-color:#a16b2b;background:rgba(255,177,92,.1)}.status-message.overload{border-color:#9b4037;background:rgba(255,77,61,.1);color:#ffd6d2}.status-message strong{display:block;color:#fff;margin-bottom:3px}
.tool-copy{padding-top:34px}.tool-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tool-copy-card{padding:25px}.tool-copy-card h2{font-size:1.55rem;line-height:1.1;margin:6px 0 13px}.tool-copy-card p,.tool-copy-card li{color:#c5cad1}.tool-copy-card ol,.tool-copy-card ul{padding-left:21px}.tool-copy-card li+li{margin-top:7px}.tool-wide{grid-column:1/-1}.homescreen-path{display:inline-flex;align-items:center;min-height:48px;padding:10px 15px;border-radius:13px;background:#0c0f13;border:1px solid var(--line);font-weight:900;color:var(--accent-2)}.tool-source{font-size:.9rem}.tool-disclaimer{font-size:.88rem;color:var(--muted)}
@media(max-width:850px){.calculator-grid{grid-template-columns:1fr}.result-card{position:static}.tool-heading{margin-bottom:20px}}
@media(max-width:560px){.tool-shell{padding-top:26px}.calculator-card{padding:17px}.weight-grid,.preset-grid,.tool-copy-grid{grid-template-columns:1fr}.weight-field:first-child,.tool-wide{grid-column:auto}.result-main{padding:22px}.result-kpi{padding:15px}.preset-button,.calculate-button,.weight-input{min-height:56px}.tool-heading h1{font-size:clamp(2.25rem,12vw,3.5rem)}}
