.base-converter[data-v-27b26f88]{width:100%;margin:0 auto;padding:20px}.converter-form[data-v-27b26f88]{margin-bottom:30px}.form-section[data-v-27b26f88]{margin-bottom:25px;padding:20px;background:var(--surface-2);border-radius:var(--radius-md)}.form-section h3[data-v-27b26f88]{margin:0 0 20px 0;color:var(--text-1);font-size:18px;font-weight:600}.base-grid[data-v-27b26f88]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.base-group[data-v-27b26f88]{display:flex;flex-direction:column}.base-group label[data-v-27b26f88]{font-weight:600;margin-bottom:8px;color:var(--text-1)}.form-input[data-v-27b26f88]{padding:12px;border:1px solid var(--border-1);border-radius:var(--radius-sm);font-size:14px;font-family:Courier New,monospace}.form-input[data-v-27b26f88]:focus{outline:none;border-color:var(--brand-500)}.form-actions[data-v-27b26f88]{display:flex;gap:15px;justify-content:center;margin-top:30px}.clear-btn[data-v-27b26f88],.random-btn[data-v-27b26f88]{padding:12px 24px;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .3s}.clear-btn[data-v-27b26f88]{background:var(--danger);color:var(--text-inverse)}.clear-btn[data-v-27b26f88]:hover{background:#c0392b}.random-btn[data-v-27b26f88]{background:var(--brand-500);color:var(--text-inverse)}.random-btn[data-v-27b26f88]:hover{background:var(--brand-600)}.info-section[data-v-27b26f88]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-card[data-v-27b26f88]{background:var(--surface);padding:20px;border-radius:var(--radius-md);box-shadow:0 2px 4px rgba(0,0,0,.1)}.info-card h4[data-v-27b26f88]{margin:0 0 15px 0;color:var(--text-1);font-size:16px;font-weight:600;padding-bottom:10px;border-bottom:1px solid var(--border-1)}.example-list[data-v-27b26f88],.info-list[data-v-27b26f88]{display:flex;flex-direction:column;gap:10px}.info-item[data-v-27b26f88]{font-size:14px;line-height:1.5}.info-item strong[data-v-27b26f88]{color:var(--brand-500)}.example-item[data-v-27b26f88]{display:flex;align-items:center;gap:10px;font-family:Courier New,monospace;font-size:13px;background:var(--surface-2);padding:8px;border-radius:var(--radius-sm)}.example-binary[data-v-27b26f88],.example-decimal[data-v-27b26f88],.example-hex[data-v-27b26f88]{font-weight:700;color:var(--brand-500)}.example-arrow[data-v-27b26f88]{color:var(--text-3)}@media (max-width:768px){.base-grid[data-v-27b26f88],.info-section[data-v-27b26f88]{grid-template-columns:1fr}.form-actions[data-v-27b26f88]{flex-direction:column}.base-converter[data-v-27b26f88]{padding:14px}.form-section[data-v-27b26f88],.info-card[data-v-27b26f88]{padding:16px}.base-converter input[data-v-27b26f88],.base-converter select[data-v-27b26f88],.base-converter textarea[data-v-27b26f88]{font-size:16px}}@media (max-width:480px){.base-converter[data-v-27b26f88]{padding:10px}.form-section[data-v-27b26f88],.info-card[data-v-27b26f88]{padding:12px}.clear-btn[data-v-27b26f88],.random-btn[data-v-27b26f88]{flex:1 1 100%;justify-content:center}}