.col-stack{display:flex;flex-direction:column;gap:16px}.format-quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.fmt-pill{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--transition);font-family:var(--font-display)}.fmt-pill:hover{border-color:var(--border-active);color:var(--accent);background:var(--accent-dim)}.fmt-from{color:var(--text-muted)}.fmt-arrow{color:var(--accent);font-size:.7rem}.fmt-to{color:var(--text-primary)}@media (max-width: 992px){.converter-page .tool-grid{display:flex;flex-direction:column;align-items:stretch!important;gap:24px;width:100%}.result-actions{grid-template-columns:1fr;gap:24px}}@media (max-width: 640px){.converter-page .tool-grid{width:100%;margin:0}.panel-body{padding:20px 14px!important}}