.unitconv-tool{background:#fff;border-radius:16px;border:1px solid var(--gray-200);padding:2rem;margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.unitconv-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.unitconv-tab{padding:.5rem 1rem;border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);color:var(--gray-800);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.unitconv-tab:hover{border-color:var(--primary-500);color:var(--primary-600)}.unitconv-tab.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.unitconv-panel{display:flex;flex-direction:column;gap:1rem}.unitconv-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.unitconv-input{flex:1;min-width:120px;padding:.6rem 1rem;border:1px solid var(--gray-200);border-radius:8px;font-size:1rem;color:var(--gray-800);background:#fff;box-sizing:border-box;transition:border-color .2s}.unitconv-input:focus{outline:0;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(235,57,68,.1)}.unitconv-select{flex:1;min-width:120px;padding:.6rem 1rem;border:1px solid var(--gray-200);border-radius:8px;font-size:.95rem;color:var(--gray-800);background:#fff;cursor:pointer;transition:border-color .2s}.unitconv-select:focus{outline:0;border-color:var(--primary-500)}.unitconv-swap-btn{display:flex;align-items:center;justify-content:center;padding:.6rem .85rem;flex-shrink:0}.unitconv-result-row{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px}.unitconv-result-label{font-size:.9rem;color:var(--gray-400);font-weight:500;white-space:nowrap}.unitconv-result-val{font-size:1.6rem;font-weight:700;color:var(--primary-600);word-break:break-all}.unitconv-result-unit{font-size:1rem;font-weight:600;color:var(--gray-400);margin-left:4px;align-self:flex-end;padding-bottom:4px}.ucall-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-400);padding-top:.25rem;border-top:1px solid var(--gray-100)}.ucall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.ucall-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;padding:.6rem .875rem;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;gap:2px}.ucall-card:hover{border-color:var(--primary-500);background:#fff8f8}.ucall-card-active{border-color:var(--primary-500);background:#fff0f0}.ucall-val{font-size:1rem;font-weight:700;color:var(--gray-800);font-family:monospace;word-break:break-all}.ucall-label{font-size:.7rem;color:var(--gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:600px){.unitconv-row{flex-direction:column;align-items:stretch}.unitconv-swap-btn{width:100%}}