.converter-tool[data-v-37cef493]{margin:0 auto;max-width:1080px}.converter-layout[data-v-37cef493]{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:900px){.converter-layout[data-v-37cef493]{grid-template-columns:1fr 1fr}}.input-panel[data-v-37cef493]{display:flex;flex-direction:column;gap:16px}.format-selector[data-v-37cef493]{align-items:end;background:#121c2899;border:1px solid rgba(74,144,226,.15);border-radius:16px;display:grid;gap:12px;grid-template-columns:1fr auto 1fr;padding:16px 18px}.format-group[data-v-37cef493]{display:flex;flex-direction:column;gap:6px;min-width:0}.format-label[data-v-37cef493]{color:#a0a0a0;font-size:.72rem;font-weight:700;letter-spacing:.5px}.format-select[data-v-37cef493]{background:#0a101c99;border:1px solid rgba(74,144,226,.2);border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:.88rem;outline:none;padding:8px 10px;transition:all .2s ease;width:100%}.format-select[data-v-37cef493]:focus{background:#0a101ce6;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.swap-btn[data-v-37cef493]{align-items:center;align-self:end;background:#3b82f626;border:1px solid rgba(74,144,226,.3);border-radius:50%;color:#93c5fd;cursor:pointer;display:inline-flex;font-size:1.05rem;height:36px;justify-content:center;margin-bottom:2px;transition:all .2s ease;width:36px}.swap-btn[data-v-37cef493]:hover{background:#3b82f64d;border-color:#3b82f6;color:#fff;transform:rotate(180deg)}.input-card[data-v-37cef493],.output-card[data-v-37cef493]{background:#0a101c99;border:1px solid rgba(74,144,226,.15);border-radius:16px;display:flex;flex-direction:column;gap:14px;padding:18px 20px;transition:all .2s ease}.input-card[data-v-37cef493]:hover,.output-card[data-v-37cef493]:hover{border-color:#4a90e24d;box-shadow:0 8px 20px -6px #0000004d}.card-header[data-v-37cef493]{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.card-title[data-v-37cef493]{color:#e0e0e0;font-size:1rem;font-weight:600;letter-spacing:.2px}.card-hint[data-v-37cef493]{color:#888;font-size:.75rem}.fields-grid[data-v-37cef493],.result-fields[data-v-37cef493]{display:grid;gap:8px}.grid-1[data-v-37cef493]{grid-template-columns:1fr}.grid-2[data-v-37cef493]{grid-template-columns:repeat(2,1fr)}.grid-3[data-v-37cef493]{grid-template-columns:repeat(3,1fr)}.grid-4[data-v-37cef493]{grid-template-columns:repeat(4,1fr)}.field-item[data-v-37cef493]{display:flex;flex-direction:column;gap:4px;min-width:0}.field-label[data-v-37cef493]{color:#a0a0a0;font-size:.72rem;font-weight:700;letter-spacing:.5px;text-align:center}.field-input[data-v-37cef493]{-moz-appearance:textfield;background:#0a101c99;border:1px solid rgba(74,144,226,.2);border-radius:8px;box-sizing:border-box;color:#e0e0e0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;outline:none;padding:9px 6px;text-align:center;transition:all .2s ease;width:100%}.field-input[data-v-37cef493]::-webkit-inner-spin-button,.field-input[data-v-37cef493]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field-input[data-v-37cef493]:focus{background:#0a101ce6;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.preview-row[data-v-37cef493]{align-items:center;background:#0a101c66;border:1px solid rgba(74,144,226,.1);border-radius:10px;display:flex;gap:10px;padding:8px 10px}.preview-swatch[data-v-37cef493]{border:1px solid hsla(0,0%,100%,.15);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff1a;flex-shrink:0;height:32px;transition:background-color .2s ease;width:32px}.preview-text[data-v-37cef493]{color:#aaa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-swatch[data-v-37cef493]{border:1px solid hsla(0,0%,100%,.15);border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff1a;height:90px;transition:background-color .2s ease;width:100%}.result-string[data-v-37cef493]{background:#3b82f61f;border:1px solid rgba(59,130,246,.25);border-radius:10px;color:#93c5fd;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;font-weight:700;line-height:1.5;padding:10px 12px;text-align:center;word-break:break-all}.result-note[data-v-37cef493]{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#fbbf24;font-size:.76rem;line-height:1.5;padding:8px 10px;text-align:left}.result-field[data-v-37cef493]{align-items:center;background:#0a101c66;border:1px solid rgba(74,144,226,.1);border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:8px 6px}.result-field-label[data-v-37cef493]{color:#a0a0a0;font-size:.7rem;font-weight:700;letter-spacing:.5px}.result-field-value[data-v-37cef493]{color:#e0e0e0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;font-weight:600;text-align:center;word-break:break-all}.copy-btn[data-v-37cef493]{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:4px;padding:6px 14px;transition:all .2s ease}.copy-btn[data-v-37cef493]:hover{box-shadow:0 4px 10px #3b82f64d;transform:translateY(-1px)}.copy-btn[data-v-37cef493]:active{transform:scale(.98)}@media (max-width:640px){.format-selector[data-v-37cef493]{gap:8px;grid-template-columns:1fr}.swap-btn[data-v-37cef493]{justify-self:center;margin-bottom:0;transform:rotate(90deg)}.swap-btn[data-v-37cef493]:hover{transform:rotate(270deg)}.grid-4[data-v-37cef493]{grid-template-columns:repeat(2,1fr)}.result-swatch[data-v-37cef493]{height:70px}.result-string[data-v-37cef493]{font-size:.85rem}.input-card[data-v-37cef493],.output-card[data-v-37cef493]{padding:14px 16px}}.converter-links[data-v-15bceb38]{display:flex;flex-direction:column;gap:16px}.links-header[data-v-15bceb38]{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.links-title[data-v-15bceb38]{color:#e0e0e0;font-size:1.1rem;font-weight:600;margin:0}.links-count[data-v-15bceb38]{color:#888;font-size:.8rem}.links-list[data-v-15bceb38]{display:flex;flex-direction:column;gap:10px}.links-item[data-v-15bceb38]{background:#0a101c80;border:1px solid rgba(74,144,226,.12);border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.links-item.is-open[data-v-15bceb38]{border-color:#4a90e259;box-shadow:0 4px 14px #0003}.links-toggle[data-v-15bceb38]{align-items:center;background:transparent;border:none;color:#e0e0e0;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:12px;justify-content:space-between;padding:12px 16px;text-align:left;transition:background-color .15s ease;width:100%}.links-toggle[data-v-15bceb38]:hover{background:#3b82f614}.links-item.is-open .links-toggle[data-v-15bceb38]{background:#3b82f61f;border-bottom:1px solid rgba(74,144,226,.15);color:#93c5fd}.links-label[data-v-15bceb38]{flex:1;min-width:0}.links-meta[data-v-15bceb38]{flex-shrink:0;gap:8px}.links-count-badge[data-v-15bceb38],.links-meta[data-v-15bceb38]{align-items:center;display:inline-flex}.links-count-badge[data-v-15bceb38]{background:#4a90e226;border-radius:10px;color:#93c5fd;font-size:.72rem;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:24px;padding:0 7px;transition:all .2s ease}.links-item.is-open .links-count-badge[data-v-15bceb38]{background:#3b82f640;color:#dbeafe}.links-arrow[data-v-15bceb38]{align-items:center;color:#888;display:inline-flex;font-size:.85rem;height:20px;justify-content:center;transition:transform .25s ease,color .2s ease;width:20px}.links-item.is-open .links-arrow[data-v-15bceb38]{color:#60a5fa;transform:rotate(180deg)}.links-content[data-v-15bceb38]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.links-item.is-open .links-content[data-v-15bceb38]{grid-template-rows:1fr}.links-content-inner[data-v-15bceb38]{overflow:hidden}.links-grid[data-v-15bceb38]{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));padding:14px 16px}.links-link[data-v-15bceb38]{align-items:center;background:#121c2899;border:1px solid rgba(74,144,226,.12);border-radius:8px;color:#bbb;display:flex;font-size:.82rem;font-weight:500;justify-content:center;line-height:1.3;padding:8px 6px;text-align:center;text-decoration:none;transition:all .18s ease;word-break:break-all}.links-link[data-v-15bceb38]:hover{background:#3b82f61f;border-color:#4a90e266;box-shadow:0 2px 8px #3b82f626;color:#93c5fd;transform:translateY(-1px)}.links-link[data-v-15bceb38]:active{box-shadow:none;transform:translateY(0)}@media (max-width:640px){.links-toggle[data-v-15bceb38]{font-size:.9rem;padding:10px 12px}.links-grid[data-v-15bceb38]{gap:6px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));padding:12px}.links-link[data-v-15bceb38]{font-size:.78rem;padding:7px 5px}.links-title[data-v-15bceb38]{font-size:1rem}.links-count[data-v-15bceb38]{font-size:.75rem}}