.hex-converter[data-v-22d53e26]{max-width:95vw;margin:0 auto;padding:20px}.hex-converter .converter-card[data-v-22d53e26]{border-radius:8px;box-shadow:0 2px 8px #0000001a}.hex-converter .converter-card .action-section[data-v-22d53e26]{margin-bottom:24px}.hex-converter .converter-card .action-section .hex-textarea[data-v-22d53e26]{margin-bottom:16px}.hex-converter .converter-card .action-section .hex-textarea[data-v-22d53e26] textarea{font-family:Courier New,monospace}.hex-converter .converter-card .action-section .file-type-selector[data-v-22d53e26]{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.hex-converter .converter-card .action-section .file-type-selector .label[data-v-22d53e26]{font-weight:500;color:#000000d9}.hex-converter .converter-card .action-section .file-type-selector .hint[data-v-22d53e26]{font-size:12px;color:#ff4d4f}.hex-converter .converter-card .action-section .button-group[data-v-22d53e26]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.hex-converter .converter-card .action-section .button-group .action-btn[data-v-22d53e26],.hex-converter .converter-card .action-section .button-group .convert-btn[data-v-22d53e26]{border-radius:6px;height:40px;padding:0 16px;font-weight:500}.hex-converter .converter-card .action-section .button-group .convert-btn[data-v-22d53e26]{background-color:#1890ff;border-color:#1890ff}.hex-converter .converter-card .usage-section[data-v-22d53e26]{padding-top:16px;border-top:1px solid #f0f0f0}.hex-converter .converter-card .usage-section h2[data-v-22d53e26],.hex-converter .converter-card .usage-section h3[data-v-22d53e26]{color:#1890ff;margin-top:16px;margin-bottom:8px}.hex-converter .converter-card .usage-section h2[data-v-22d53e26]{font-size:1.2em}.hex-converter .converter-card .usage-section h3[data-v-22d53e26]{font-size:1.1em}.hex-converter .converter-card .usage-section p[data-v-22d53e26]{line-height:1.6;color:#000000d9;margin-bottom:8px}@media (max-width: 768px){.hex-converter[data-v-22d53e26]{padding:10px}.hex-converter .converter-card .button-group[data-v-22d53e26]{flex-direction:column}.hex-converter .converter-card .button-group .action-btn[data-v-22d53e26],.hex-converter .converter-card .button-group .convert-btn[data-v-22d53e26]{width:100%}.hex-converter .converter-card .file-type-selector[data-v-22d53e26]{flex-direction:column;align-items:flex-start}}