.spmc-tools{display:grid;gap:18px}.spmc-tools-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--surface),var(--surface-2))}.spmc-tools-hero h2{margin:0 0 5px}.spmc-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.spmc-tool-card{border:1px solid var(--border);background:var(--surface);border-radius:17px;padding:17px;cursor:pointer;transition:.18s;min-height:135px}.spmc-tool-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow)}.spmc-tool-card .ico{font-size:30px}.spmc-tool-card h3{margin:10px 0 5px}.spmc-tool-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.spmc-tool-work{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:18px}.spmc-tool-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.spmc-convert-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:end;max-width:900px;margin:auto}.spmc-convert-side{display:grid;gap:9px}.spmc-convert-side input,.spmc-convert-side select{min-height:50px;font-size:16px}.spmc-swap{width:50px;height:50px;border-radius:50%;border:0;background:var(--primary);color:#fff;font-size:21px;cursor:pointer}.spmc-result{border:1px solid var(--border);border-radius:13px;padding:15px;min-height:96px;display:flex;flex-direction:column;justify-content:center}.spmc-result strong{font-size:28px}.spmc-result small,.spmc-result span{color:var(--muted)}.spmc-calc-layout{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(280px,.85fr);gap:16px}.spmc-calc-machine{background:#282d36;border-radius:24px;padding:18px;border:1px solid #454b56;box-shadow:var(--shadow)}.spmc-calc-memory,.spmc-calc-expression{text-align:right;color:#c9d0d9;font-family:monospace;min-height:24px}.spmc-calc-display{background:#bec7a8;color:#1f2a1f;font:700 32px monospace;padding:16px;border-radius:8px;text-align:right;margin:5px 0 10px}.spmc-calc-machine label{color:#fff;font-size:12px}.spmc-calc-machine select{width:100%;margin-top:5px}.spmc-calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.spmc-calc-keys button{padding:13px;border-radius:9px;border:0;font-weight:900;cursor:pointer}.spmc-calc-keys .equals{grid-column:span 2;background:var(--primary);color:#fff}.spmc-calc-paper{background:#fff9dd;color:#222;border-radius:8px;padding:14px;min-height:350px;font-family:monospace;white-space:pre-wrap;overflow:auto;box-shadow:inset 0 0 0 1px #e7dfb6}.spmc-tools-note{font-size:11px;color:var(--muted);margin-top:12px}.spmc-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.spmc-mini-stat{padding:14px;border:1px solid var(--border);border-radius:13px}.spmc-mini-stat b{font-size:21px;display:block;margin-top:5px}@media(max-width:1050px){.spmc-tool-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.spmc-tool-grid{grid-template-columns:repeat(2,1fr)}.spmc-calc-layout{grid-template-columns:1fr}.spmc-convert-grid{grid-template-columns:1fr}.spmc-swap{justify-self:center;transform:rotate(90deg)}.spmc-mini-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.spmc-tool-grid,.spmc-mini-grid{grid-template-columns:1fr}.spmc-tools-hero,.spmc-tool-head{align-items:flex-start;flex-direction:column}}

.spmc-calc-modebar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.spmc-calc-modebar button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:9px 14px;border-radius:999px;font-weight:800;cursor:pointer}.spmc-calc-modebar button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.spmc-calc-modebar .angle{margin-left:auto}.spmc-calc-caption{color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:2px}.spmc-calc-keys .plus-key{grid-row:span 2;min-height:82px;font-size:24px;background:#f3f4f6}.spmc-calc-keys.scientific,.spmc-calc-keys.financial{grid-template-columns:repeat(4,1fr)}.spmc-calc-keys .scientific-key{background:#dbeafe}.spmc-calc-keys .financial-key{font-size:11px;background:#dcfce7}.spmc-calc-keys .tax-key{background:#fff7d6}@media(max-width:520px){.spmc-calc-modebar .angle{margin-left:0}.spmc-calc-keys button{padding:11px 6px}.spmc-calc-keys .financial-key{font-size:9px}}
.spmc-financial-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.spmc-financial-inputs label{font-size:11px}.spmc-financial-inputs input{width:100%;margin-top:4px;min-height:38px;border-radius:8px;border:1px solid #64748b;padding:7px;box-sizing:border-box}@media(max-width:480px){.spmc-financial-inputs{grid-template-columns:1fr}}

/* v0.11.68 — compact Financial calculator without removing functions */
.spmc-calc-layout{align-items:start}
.spmc-calc-machine.financial{padding:13px 15px;border-radius:20px}
.spmc-calc-machine.financial .spmc-calc-caption{font-size:11px;line-height:1.1}
.spmc-calc-machine.financial .spmc-calc-memory,
.spmc-calc-machine.financial .spmc-calc-expression{min-height:18px;line-height:18px;font-size:12px}
.spmc-calc-machine.financial .spmc-calc-display{font-size:27px;padding:10px 12px;margin:3px 0 7px}
.spmc-calc-machine.financial>label{font-size:11px;line-height:1.1}
.spmc-calc-machine.financial>select{min-height:34px;padding:5px 8px;margin-top:3px}
.spmc-calc-machine.financial .spmc-financial-inputs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:7px}
.spmc-calc-machine.financial .spmc-financial-inputs label{font-size:10px;line-height:1.15}
.spmc-calc-machine.financial .spmc-financial-inputs input{min-height:32px;margin-top:2px;padding:5px 6px}
.spmc-calc-machine.financial .spmc-calc-keys{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:8px}
.spmc-calc-machine.financial .spmc-calc-keys button{padding:9px 4px;min-height:34px;border-radius:8px}
.spmc-calc-machine.financial .spmc-calc-keys .financial-key{font-size:10px}
.spmc-calc-machine.financial .spmc-calc-keys .plus-key{grid-row:span 1;min-height:34px;font-size:20px}
.spmc-calc-machine.financial .spmc-calc-keys .equals{grid-column:span 3}
.spmc-calc-machine.financial+.spmc-calc-paper{min-height:300px;max-height:calc(100vh - 300px)}
@media (max-width:1100px){
 .spmc-calc-machine.financial .spmc-financial-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .spmc-calc-machine.financial .spmc-calc-keys{grid-template-columns:repeat(4,minmax(0,1fr))}
 .spmc-calc-machine.financial .spmc-calc-keys .equals{grid-column:span 2}
}
@media (max-height:800px) and (min-width:801px){
 .spmc-tool-work{padding:14px}
 .spmc-tool-head{margin-bottom:10px}
 .spmc-calc-modebar{margin-bottom:8px}
 .spmc-calc-machine.financial{padding:10px 13px}
 .spmc-calc-machine.financial .spmc-calc-display{font-size:24px;padding:8px 10px}
 .spmc-calc-machine.financial .spmc-calc-keys button{padding:7px 3px;min-height:30px}
 .spmc-calc-machine.financial+.spmc-calc-paper{min-height:260px;max-height:calc(100vh - 255px)}
}
@media (max-width:800px){
 .spmc-calc-machine.financial .spmc-financial-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .spmc-calc-machine.financial .spmc-calc-keys{grid-template-columns:repeat(4,minmax(0,1fr))}
 .spmc-calc-machine.financial+.spmc-calc-paper{max-height:none}
}
@media (max-width:480px){
 .spmc-calc-machine.financial .spmc-financial-inputs{grid-template-columns:1fr 1fr}
}

/* v0.11.69 — balanced Financial calculator sizing for desktop/Mac */
@media (min-width:801px) and (min-height:801px){
 .spmc-calc-machine.financial{padding:16px 17px;border-radius:21px}
 .spmc-calc-machine.financial .spmc-calc-caption{font-size:12px;line-height:1.2;margin-bottom:3px}
 .spmc-calc-machine.financial .spmc-calc-memory,
 .spmc-calc-machine.financial .spmc-calc-expression{min-height:20px;line-height:20px;font-size:12px}
 .spmc-calc-machine.financial .spmc-calc-display{font-size:31px;padding:13px 14px;margin:4px 0 9px}
 .spmc-calc-machine.financial>label{font-size:12px;line-height:1.2}
 .spmc-calc-machine.financial>select{min-height:38px;padding:7px 9px;margin-top:4px}
 .spmc-calc-machine.financial .spmc-financial-inputs{gap:8px;margin-top:9px}
 .spmc-calc-machine.financial .spmc-financial-inputs label{font-size:11px;line-height:1.2}
 .spmc-calc-machine.financial .spmc-financial-inputs input{min-height:36px;margin-top:3px;padding:6px 7px}
 .spmc-calc-machine.financial .spmc-calc-keys{gap:7px;margin-top:10px}
 .spmc-calc-machine.financial .spmc-calc-keys button{padding:10px 5px;min-height:39px;border-radius:9px}
 .spmc-calc-machine.financial .spmc-calc-keys .financial-key{font-size:10.5px}
 .spmc-calc-machine.financial .spmc-calc-keys .plus-key{min-height:39px;font-size:22px}
 .spmc-calc-machine.financial+.spmc-calc-paper{min-height:390px;max-height:calc(100vh - 285px)}
}

/* v0.11.70 — Standard, Scientific and Financial share the same desktop height */
@media (min-width:801px){
  .spmc-calc-machine.standard,
  .spmc-calc-machine.scientific,
  .spmc-calc-machine.financial{
    box-sizing:border-box;
    height:604px;
    min-height:604px;
    overflow:hidden;
  }

  .spmc-calc-machine.scientific .spmc-calc-keys{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:8px;
  }
  .spmc-calc-machine.scientific .spmc-calc-keys button{
    min-height:42px;
    padding:11px 5px;
  }
  .spmc-calc-machine.scientific .spmc-calc-keys .plus-key{
    min-height:92px;
  }

  .spmc-calc-layout .spmc-calc-paper{
    box-sizing:border-box;
    height:604px;
    min-height:604px;
    max-height:604px;
  }
}

@media (max-height:800px) and (min-width:801px){
  .spmc-calc-machine.standard,
  .spmc-calc-machine.scientific,
  .spmc-calc-machine.financial,
  .spmc-calc-layout .spmc-calc-paper{
    height:560px;
    min-height:560px;
    max-height:560px;
  }
  .spmc-calc-machine.scientific .spmc-calc-keys{gap:6px;margin-top:9px}
  .spmc-calc-machine.scientific .spmc-calc-keys button{min-height:37px;padding:8px 4px}
  .spmc-calc-machine.scientific .spmc-calc-keys .plus-key{min-height:80px}
}

@media (max-width:800px){
  .spmc-calc-machine.standard,
  .spmc-calc-machine.scientific,
  .spmc-calc-machine.financial{
    height:auto;
    min-height:0;
    overflow:visible;
  }
  .spmc-calc-layout .spmc-calc-paper{
    height:auto;
    min-height:350px;
    max-height:none;
  }
}

/* v0.11.71 — Financial mode gets the extra vertical room it needs */
@media (min-width:801px){
  .spmc-calc-machine.financial{
    height:646px;
    min-height:646px;
    overflow:hidden;
  }
  .spmc-calc-machine.financial + .spmc-calc-paper{
    height:646px;
    min-height:646px;
    max-height:646px;
  }
}

@media (max-height:800px) and (min-width:801px){
  .spmc-calc-machine.financial{
    height:600px;
    min-height:600px;
  }
  .spmc-calc-machine.financial + .spmc-calc-paper{
    height:600px;
    min-height:600px;
    max-height:600px;
  }
}
