.number-base-tag{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.8rem;font-weight:600;margin-left:6px}.base-binary{background-color:#e6f7ff;color:#0072b5}.base-octal{background-color:#e6fffb;color:#00a99d}.base-decimal{background-color:#f0f5ff;color:#2d5af7}.base-hexadecimal{background-color:#f9f0ff;color:#7b2cbf}.base-custom{background-color:#fff0f6;color:#eb2f96}textarea{font-family:Fira code,Fira Mono,monospace!important}.number-converter-container{gap:20px}.converter-row,.input-container,.number-converter-container,.output-container{display:flex;flex-direction:column;width:100%}.input-container,.output-container{border-radius:8px;overflow:hidden}.header-area{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-top-left-radius:8px;border-top-right-radius:8px}.input-label,.output-label{font-weight:600;font-size:14px}.base-selector{display:flex;align-items:center;gap:8px}.output-controls{display:flex;align-items:center;gap:16px}.custom-base-input{width:60px;padding:2px 6px;border:1px solid #ccc;border-radius:4px}.editor-container{display:flex;height:200px;border:1px solid #e0e0e0;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background-color:white;overflow:hidden}.line-numbers{display:flex;flex-direction:column;padding:8px 0;background-color:#f8f9fa;border-right:1px solid #e0e0e0;min-width:40px;text-align:right;user-select:none}.line-number{padding:0 8px;color:#777}.code-editor,.line-number{font-size:14px;font-family:monospace}.code-editor{flex:1;padding:8px;resize:none;border:none;outline:none;background-color:white;width:calc(100% - 40px);overflow:auto}.error-message{color:#d32f2f;margin-top:8px;font-size:14px}