.tools-dialog {
  width:min(805px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 30px);
  border:0;border-radius:26px;padding:0;overflow:auto;
  background:#fffdfa;color:#242633;
  box-shadow:0 32px 75px rgba(25,22,20,.37);
}
.tools-dialog::backdrop { background:rgba(102,47,31,.76);backdrop-filter:blur(3px) }
.tools-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 23px 16px;background:#fffdfa;border-bottom:1px solid #e5e0d5}
.tools-eyebrow {font:800 11px "Courier New",monospace;letter-spacing:1.5px;text-transform:uppercase;color:#98846c}
.tools-heading h2 {font:700 22px Georgia,serif;letter-spacing:-.5px;text-shadow:none;margin:3px 0 0;color:#30313a}
.tools-close {width:36px;height:36px;border:0;border-radius:50%;background:#f1f1f6;color:#2c3140;font:700 27px Arial,sans-serif;line-height:1}
.tools-close:hover {background:#e2e2e9}
.tools-workspace {display:grid;grid-template-columns:44% 56%;min-height:560px}
.scratch-pad {display:flex;flex-direction:column;min-width:0;background:#fffdfa;border-right:1px solid #e8e4db}
.scratch-head {display:flex;align-items:center;justify-content:space-between;padding:17px 20px 16px;border-bottom:1px solid #eee9dd;color:#9a8165;font:900 12px "Courier New",monospace;letter-spacing:2px}
.scratch-head button {border:0;background:none;color:#9a8165;font:700 22px Arial,sans-serif;line-height:1;padding:1px 7px}
.scratch-head button:hover {color:#be542f}
.scratch-lines {flex:1;min-height:390px;overflow-y:auto;background:#fffdfa}
.scratch-line {display:block;width:100%;height:36px;border:0;border-bottom:1px solid #e9e4d8;border-radius:0;outline:0;padding:0 20px;background:transparent;color:#46433c;font:17px/35px Arial,"Segoe UI",sans-serif}
.scratch-line:focus {background:#fff8e8;outline:0}
.scratch-line::placeholder {color:#b5ac9b}
.scratch-foot {display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:41px;padding:7px 16px;background:#fffdfa;border-top:1px solid #e8e4db;color:#a99a83;font:700 10px "Courier New",monospace}
.scratch-foot button {border:0;background:none;padding:0;color:#be542f;text-decoration:underline;font:700 10px "Courier New",monospace}
.scratch-foot button[hidden] {display:none}
.calculator-pad {min-width:0;display:flex;flex-direction:column;padding:23px 24px 20px;background:#fffdfa}
.calculator-screen {display:flex;flex-direction:column;justify-content:center;align-items:flex-end;min-height:83px;padding:8px 19px;border-radius:43px;background:#4b67ff;color:white;overflow:hidden}
.calculator-screen span {max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd3ff;font:700 11px "Courier New",monospace;text-transform:uppercase}
.calculator-screen output {display:block;max-width:100%;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;text-align:right;font:800 clamp(29px,4vw,39px) Arial,sans-serif;letter-spacing:-1px}
.calculator-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}
.calculator-grid button {width:100%;aspect-ratio:1;min-height:0;border:0;border-radius:50%;background:#eceef3;color:#2b303d;font:800 clamp(20px,2.4vw,26px) Arial,sans-serif;transition:transform .1s,filter .1s}
.calculator-grid button:hover {filter:brightness(.93);transform:translateY(-1px)}
.calculator-grid button:active {transform:scale(.95)}
.calculator-grid .key-clear {background:#1f2430;color:white}
.calculator-grid .key-divide {background:#a94af8;color:white}
.calculator-grid .key-times {background:#ff5e41;color:white}
.calculator-grid .key-minus {background:#4e68ff;color:white}
.calculator-grid .key-plus {background:#20c082;color:white}
.calculator-grid .key-equals {background:#f7d83a;color:#222733}
.calculator-bottom {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;min-height:34px}
.calculator-bottom p {margin:0;color:#c43c32;font:700 11px Arial,sans-serif;line-height:1.3}
.calculator-bottom button {flex:none;border:0;border-radius:100px;background:#232936;color:white;padding:10px 14px;font:800 11px "Courier New",monospace;text-transform:uppercase;letter-spacing:.3px}
.calculator-bottom button:hover {background:#465171}
@media(max-width:520px) {
  .tools-dialog {width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:18px}
  .tools-heading {padding:13px 16px}
  .tools-heading h2 {font-size:17px;letter-spacing:0}
  .tools-eyebrow {font-size:9px}
  .tools-workspace {display:block;min-height:0}
  .scratch-pad {border-right:0;border-bottom:1px solid #e8e4db}
  .scratch-head {padding:9px 15px;font-size:10px}
  .scratch-lines {height:145px;min-height:145px;flex:none}
  .scratch-line {padding:0 15px;font-size:15px}
  .scratch-foot {min-height:28px;padding:4px 15px;font-size:9px}
  .calculator-pad {padding:15px 18px 16px}
  .calculator-screen {min-height:66px}
  .calculator-grid {gap:7px;margin-top:10px}
  .calculator-grid button {font-size:19px}
  .calculator-bottom {margin-top:10px}
  .calculator-bottom button {padding:9px 11px;font-size:9px}
}
@media(max-width:380px) {
  .scratch-lines {height:110px;min-height:110px}
  .calculator-pad {padding:12px}
  .calculator-grid {gap:5px}
}