.converter-section{padding:2.4vw;margin-bottom:2.4vw;background:var(--bg-panel);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:4px}.converter-title{align-items:center}.converter-icon{font-size:.75em;filter:grayscale(1) contrast(1.4);opacity:.85}.converter-subtitle{margin-top:-.4vw;margin-bottom:1.6vw;max-width:60ch;font-size:clamp(13px,1vw,15px);color:var(--text-muted)}.converter-wrapper{display:flex;align-items:stretch;gap:1vw}.converter-panel{flex:1;min-width:0;padding:1.4vw;background:var(--bg-panel-soft);border:1px solid var(--border);border-radius:3px}.panel-label{margin-bottom:.7vw;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.converter-input{color:var(--text)}.converter-input,.converter-output{width:100%;padding:.5vw 0;margin-bottom:.8vw;font-family:var(--mono);font-size:clamp(22px,2.4vw,32px);font-weight:500;background:0 0;border:0;border-bottom:1px solid var(--border);border-radius:0;overflow-x:auto}.converter-input:focus{outline:0;border-bottom-color:var(--accent)}.converter-output{border-bottom-color:transparent;color:var(--accent)}.converter-select{width:100%;padding:.5vw .7vw;margin-bottom:.8vw;font-family:var(--mono);font-size:clamp(12px,1vw,14px);color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:3px;cursor:pointer;transition:border-color .15s}.converter-select:focus,.converter-select:hover{border-color:var(--accent);outline:0}.swap-btn,.unit-desc{color:var(--text-muted)}.unit-desc{font-size:clamp(11px,.9vw,13px);line-height:1.4}.swap-btn{flex-shrink:0;align-self:center;width:clamp(38px,3.2vw,48px);height:clamp(38px,3.2vw,48px);padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg-panel-soft);border:1px solid var(--border);border-radius:50%;cursor:pointer;transition:border-color .2s,color .2s,transform .3s}.swap-btn svg{width:55%;height:55%}.swap-btn:hover{border-color:var(--accent);color:var(--accent);transform:rotate(180deg)}.converter-meta{margin-top:1.4vw;padding-top:1vw;border-top:1px solid var(--border);font-family:var(--mono);font-size:clamp(11px,.9vw,13px);color:var(--text-muted)}.meta-separator{margin:0 .6em;color:var(--accent)}.quick-presets,.recently-used{display:flex;flex-wrap:wrap;align-items:center;gap:.5vw;margin-top:1.6vw}.preset-label,.recently-used-label{margin-right:.4vw;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.preset-btn,.recently-used-btn{padding:.35vw .9vw;font-family:var(--mono);font-size:clamp(11px,.9vw,13px);color:var(--text-muted);background:0 0;border:1px solid var(--border);border-radius:3px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.preset-btn:focus,.preset-btn:hover,.recently-used-btn:focus,.recently-used-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);outline:0}.preset-btn.active,.recently-used-btn.acive{color:var(--bg);background:var(--accent);border-color:var(--accent)}@media (max-width:640px){.converter-wrapper{flex-direction:column}.swap-btn{align-self:center;transform:rotate(90deg)}.swap-btn:hover{transform:rotate(270deg)}}.converter-search{width:100%;padding:.5vw .7vw;margin-bottom:.6vw;font-family:var(--mono);font-size:clamp(12px,1vw,14px);color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:3px;transition:border-color .15s}.converter-accuracy{display:inline-block;width:4ch;min-width:1ch;max-width:4em;font:inherit;line-height:1;vertical-align:baseline;text-align:center;padding:0;border:0;border-bottom:1px solid var(--border);margin-bottom:.8vw;border-radius:0;outline:0;background:0 0;color:inherit;caret-color:currentColor;box-sizing:content-box;appearance:none;-moz-appearance:textfield}.converter-accuracy:focus,.converter-accuracy:hover,.converter-search:focus,.converter-search:hover{border-color:var(--accent);outline:0}.converter-accuracy::placeholder,.converter-search::placeholder{color:var(--text-muted)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}