.conversion-panel { background: #f4f9ff; border-radius: 20px; padding: 1.8rem; }
        .base-card { border-left: 4px solid #2c7da0; margin-bottom: 1rem; }
        .float-note { font-family: monospace; font-size: 0.85rem; background: #eef2fa; border-radius: 30px; padding: 0.2rem 0.8rem; display: inline-block; }
        .result-area { font-size: 1.3rem; font-weight: 500; word-break: break-all; background: #fff; padding: 0.8rem; border-radius: 14px; }
        .step-block { background: #fef7e0; border-left: 5px solid #f4b942; padding: 1rem; margin: 1rem 0; border-radius: 12px; }
        .preset-row { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1rem 0; }
        .preset-float { background: #dee2e6; border: none; border-radius: 40px; padding: 0.3rem 0.9rem; font-family: monospace; transition: 0.1s; }
        .preset-float:hover { background: #ced4da; transform: translateY(-1px); }
        .math-latex { font-family: 'Courier New', monospace; background: #f1f3f5; padding: 0.2rem 0.4rem; border-radius: 6px; }
        .warning-box { background: #fff3cd; border-radius: 12px; padding: 0.8rem; margin-top: 1rem; }