/**
 * Area Converter Tool Specific Styling
 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;color:#0f172a;background:transparent;line-height:1.5}
.qtc-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.06);padding:28px;max-width:420px;width:100%;margin:0 auto}
.qtc-title{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:20px;text-align:center}
.qtc-row{display:flex;gap:10px;align-items:flex-end;margin-bottom:16px}
.qtc-field{flex:1;display:flex;flex-direction:column;gap:5px}
.qtc-field label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}
.qtc-field input,.qtc-field select{height:48px;border:1.5px solid #e2e8f0;border-radius:8px;padding:0 14px;font-size:16px;font-family:'Inter',sans-serif;color:#0f172a;background:#fff;outline:none;transition:all .2s ease;width:100%}
.qtc-field input:focus,.qtc-field select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.12)}
.qtc-swap{width:44px;height:44px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;color:#4f46e5;font-size:20px}
.qtc-swap:hover{background:#4f46e5;color:#fff;border-color:#4f46e5}
.qtc-result{background:#f1f5f9;border-radius:10px;padding:20px;text-align:center;margin-bottom:16px}
.qtc-result-label{font-size:13px;color:#64748b;margin-bottom:4px}
.qtc-result-value{font-size:36px;font-weight:700;color:#4f46e5;line-height:1.2}
.qtc-result-unit{font-size:15px;font-weight:500;color:#64748b;margin-top:2px}
.qtc-formula{background:#eef2ff;border-radius:8px;padding:12px 16px;font-size:13px;color:#4338ca;text-align:center;font-weight:500}
[data-theme="dark"] .qtc-card{background:#1e293b}
[data-theme="dark"] .qtc-title{color:#f1f5f9}
[data-theme="dark"] .qtc-field input,[data-theme="dark"] .qtc-field select{background:#0f172a;border-color:#334155;color:#f1f5f9}
[data-theme="dark"] .qtc-result{background:#334155}
[data-theme="dark"] .qtc-result-value{color:#818cf8}
[data-theme="dark"] .qtc-result-unit,[data-theme="dark"] .qtc-result-label{color:#94a3b8}
[data-theme="dark"] .qtc-formula{background:#312e81;color:#a5b4fc}
[data-theme="dark"] .qtc-swap{border-color:#475569;background:#1e293b;color:#818cf8}
[data-theme="dark"] .qtc-swap:hover{background:#4f46e5;color:#fff}