/* ===== КАЛЬКУЛЯТОРЫ: ввод ===== */
.tool,.bd{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);overflow:hidden}
.tool-in{padding:clamp(20px,3vw,40px);display:grid;gap:26px;align-content:start}
.tool-out{padding:clamp(20px,3vw,40px);background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.25));border-left:1px solid var(--edge);display:flex;flex-direction:column;gap:14px;align-items:flex-start}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{padding:0;margin:0 0 12px;font:500 11.5px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:10px}
legend span{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--edge2);color:var(--bone);font-size:11px}
.chips,.combo-pick,.pk{display:flex;flex-wrap:wrap;gap:8px}
.chip,.cp{position:relative}
.chip input,.cp input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.chip label,.cp label{display:flex;flex-direction:column;justify-content:center;min-height:46px;padding:9px 18px;border:1px solid var(--edge2);border-radius:3px;background:rgba(255,255,255,.03);font:600 14px var(--f-body);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.chip label small{font:500 11px var(--f-mono);color:var(--mute);letter-spacing:.06em}
.cp label b{font:600 14px var(--f-body)}
.cp label span{font:500 11.5px var(--f-mono);color:var(--mute);letter-spacing:.04em;margin-top:2px}
.chip:hover label,.cp:hover label{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.07)}
.chip input:checked+label,.cp input:checked+label{background:var(--bone);border-color:var(--bone);color:#08090c;box-shadow:0 0 28px -6px rgba(236,232,221,.5)}
.chip input:checked+label small,.cp input:checked+label span{color:#4a4d54}
.chip input:focus-visible+label,.cp input:focus-visible+label{outline:2px solid var(--bone);outline-offset:3px}
.chip input:disabled+label{opacity:.35;cursor:not-allowed;text-decoration:line-through}
.chip input:disabled{cursor:not-allowed}
.stepper{display:inline-flex;align-items:center;border:1px solid var(--edge2);border-radius:3px;background:rgba(255,255,255,.03)}
.stepper button{width:52px;height:52px;border:0;background:transparent;color:var(--bone);font:500 24px var(--f-mono);cursor:pointer}
.stepper button:hover{background:rgba(255,255,255,.1)}
.stepper output{min-width:56px;text-align:center;font:700 22px var(--f-disp)}
.note{font-size:13px;color:var(--mute);margin:0;line-height:1.5}
.disc{display:flex;gap:12px;align-items:flex-start;padding:10px 0;cursor:pointer;color:var(--text2);font-size:15px}
.disc input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;border:1px solid var(--edge2);border-radius:2px;background:rgba(255,255,255,.04);margin:1px 0 0;cursor:pointer;display:grid;place-items:center}
.disc input:checked{background:var(--bone);border-color:var(--bone)}
.disc input:checked::after{content:"";width:10px;height:5px;border:solid #08090c;border-width:0 0 2px 2px;transform:rotate(-45deg) translate(1px,-1px)}
.field{display:grid;gap:6px;margin-bottom:14px}
.field label,.lbl{font:500 11.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
input[type=text],input[type=number],select,textarea{width:100%;min-height:50px;padding:12px 14px;background:rgba(0,0,0,.4);border:1px solid var(--edge2);border-radius:3px;color:var(--bone);font:500 16px var(--f-body);transition:border-color .2s,box-shadow .2s}
textarea{min-height:90px;resize:vertical}
select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--bone) 50%),linear-gradient(135deg,var(--bone) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:38px}
select option{background:#0d0f14;color:var(--bone)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--bone);box-shadow:0 0 0 3px rgba(236,232,221,.15)}
::placeholder{color:#6b717b}