.tool-grid{align-items:start;display:grid;gap:28px;grid-template-columns:1fr 1fr;margin-top:42px}.tool-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px}.tool-panel h2{font-size:24px}.fields{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:24px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.field input{background:#fff;border:1px solid var(--line-2);border-radius:9px;color:var(--ink);font:15px var(--mono);min-height:45px;padding:0 12px;width:100%}.field input:focus{border-color:var(--brand);outline:2px solid rgba(15,157,100,.18)}.field small{color:var(--ink-3);display:block;font-size:11px;margin-top:5px}.result-list{display:grid;gap:0;margin-top:20px}.result{align-items:baseline;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding:15px 0}.result:last-child{border-bottom:0}.result span{color:var(--ink-3);font-size:13px}.result strong{font:600 21px var(--mono)}.result.total strong{color:var(--brand-strong);font-size:27px}.method{background:var(--ok);border:1px solid #cbe8d9;border-radius:12px;color:var(--ink-2);font-size:12.5px;margin-top:20px;padding:15px}.benchmark-table{border:1px solid var(--line);border-radius:16px;margin-top:38px;overflow:hidden}.benchmark-row{align-items:start;background:var(--surface);border-bottom:1px solid var(--line);display:grid;gap:18px;grid-template-columns:.6fr 1fr 1.4fr;padding:20px}.benchmark-row:last-child{border-bottom:0}.benchmark-row.header{background:var(--rail);color:#fff;font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.benchmark-row strong{font-size:14px}.benchmark-row p{color:var(--ink-3);font-size:13px}.benchmark-row code{color:var(--brand-strong);font:12px var(--mono)}@media(max-width:850px){.tool-grid{grid-template-columns:1fr}}@media(max-width:560px){.fields{grid-template-columns:1fr}.benchmark-row{grid-template-columns:1fr}.benchmark-row.header{display:none}}