.duc-converter{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#fff;border:2px solid #e5e7eb;border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);padding:2rem;margin:1.5rem 0;max-width:100%;position:relative}.duc-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.duc-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.duc-input-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:end;margin-bottom:2rem}@media (max-width:640px){.duc-input-grid{grid-template-columns:1fr;gap:1.25rem}}.duc-input-group{display:flex;flex-direction:column}.duc-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.duc-input,.duc-select{width:100%;padding:1rem;font-size:1rem;color:#111827;background:#fff;border:2px solid #d1d5db;border-radius:.75rem;outline:none}.duc-input:focus,.duc-select:focus{border-color:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.1)}.duc-swap-btn{background:#dc2626;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:1.25rem;margin-bottom:.5rem}.duc-swap-btn:hover{background:#b91c1c;transform:rotate(180deg)}.duc-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.duc-btn{padding:1rem 1.5rem;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem}.duc-btn-primary{background:#dc2626;color:#fff}.duc-btn-primary:hover{background:#b91c1c}.duc-btn-secondary{background:#1f2937;color:#fff}.duc-btn-secondary:hover{background:#111827}.duc-result{background:#fef2f2;border:2px solid #dc2626;border-radius:1rem;padding:2rem;text-align:center;margin-bottom:2rem;display:none}.duc-result.show{display:block}.duc-result-text{font-size:1.5rem;font-weight:700;color:#111827}.duc-result-highlight{color:#dc2626}.duc-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width:640px){.duc-results-grid{grid-template-columns:1fr}}.duc-category{background:#f9fafb;border:2px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.duc-category-header{font-size:1.125rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.duc-category-header.bytes{color:#dc2626}.duc-category-header.bits{color:#1f2937}.duc-unit-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border-radius:.5rem;margin-bottom:.5rem;cursor:pointer;border:2px solid transparent}.duc-unit-row:hover{border-color:#dc2626}.duc-unit-label{font-weight:600;color:#374151;font-size:.875rem}.duc-unit-value{font-weight:700;font-family:monospace;color:#111827;font-size:.875rem;background:#f3f4f6;padding:.25rem .5rem;border-radius:.375rem}.duc-notification{position:fixed;top:20px;right:20px;background:#dc2626;color:#fff;padding:1rem 1.5rem;border-radius:.75rem;z-index:1000;font-size:.875rem;font-weight:600}.duc-notification.error{background:#dc2626}.duc-hidden{display:none}