.format-panel{margin-top:18px;border:1px solid #e0e6ef;border-radius:20px;padding:22px 24px;background:linear-gradient(120deg,#fff,#fafcfe);box-shadow:0 4px 20px #60779405}
.format-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.format-heading h3{font-size:17px;font-weight:400;margin:0 0 6px;color:#405165}.format-heading p{font-size:12px;margin:0;color:#8a96a4}.format-mark{font-size:26px;color:#a5b5c8}
.format-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#f7f9fc;border:1px solid #e9edf3;border-radius:13px;overflow:hidden}.format-options>a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:66px;padding:12px 18px;text-decoration:none;color:#44566e;border-right:1px solid #e3e9f0;transition:background .2s,color .2s;box-sizing:border-box}.format-options>a:last-child{border-right:0}.format-options>a:hover{background:#edf5f2}.format-options>a:focus-visible{outline:2px solid #819bb9;outline-offset:-3px;background:#edf5f2}.format-pair{display:flex;align-items:center;gap:10px;white-space:nowrap}.format-pair b{font-size:14px;font-weight:500}.fmt-excel{color:#5b8b79}.fmt-pdf{color:#a87579}.fmt-word{color:#6786b1}.fmt-csv{color:#8d85a7}.format-swap{color:#a2b0c1;font-size:16px}.format-go{font-size:16px;color:#9cacc0;transition:transform .2s}.format-options>a:hover .format-go{transform:translate(2px,-2px);color:#6b9887}
@media(max-width:950px){.format-options>a{padding:12px}.format-pair{gap:7px}.format-pair b{font-size:13px}}
@media(max-width:650px){.format-panel{padding:16px;margin-top:12px}.format-heading{margin-bottom:12px}.format-heading h3{font-size:16px}.format-heading p{font-size:11px}.format-options{grid-template-columns:repeat(2,minmax(0,1fr))}.format-options>a{min-height:62px;padding:12px 10px}.format-options>a:nth-child(2){border-right:0}.format-options>a:nth-child(-n+2){border-bottom:1px solid #e3e9f0}.format-pair b{font-size:12px}.format-pair{gap:6px}.format-go{font-size:13px}}
@media(prefers-reduced-motion:reduce){.format-options>a,.format-go{transition:none}}

/* A single conversion dock, echoing the circular table-tools entry. */
.format-panel{display:flex;align-items:center;gap:24px;padding:16px 24px;background:linear-gradient(110deg,#f5faf8,#f5f6fc);min-height:124px;box-sizing:border-box;border-color:#dfe8e9}
.format-emblem{width:100px;height:100px;flex:0 0 100px;position:relative;display:flex;align-items:center;justify-content:center}
.format-disc{width:78px;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:50%;border:1px solid #d8e4e7;background:linear-gradient(145deg,#fff,#edf4f6);color:#7185a8;box-shadow:0 5px 18px #7894b512;z-index:1}
.format-disc h3{font-size:12px;font-weight:400;margin:0;line-height:1.4;white-space:nowrap}
.format-halo{position:absolute;inset:2px;border:1px solid #d5e7e2;border-radius:50%}.format-halo:after{content:"";position:absolute;top:-2px;left:50%;width:4px;height:4px;border-radius:50%;background:#afcfbf;box-shadow:0 0 5px #c3e6d7}
.format-panel .format-options{flex:1;min-width:0;background:transparent;border:0;border-radius:0;gap:10px}
.format-panel .format-options>a{justify-content:center;min-height:54px;padding:12px 10px;background:#ffffffb8;border:1px solid #e0e7ee!important;border-radius:12px;box-shadow:none}
.format-panel .format-options>a:hover{background:#ecf9f2;border-color:#b2d6c6!important;box-shadow:0 3px 14px #b6d8cb20}
@media(max-width:950px){.format-panel{gap:16px;padding:14px 18px}.format-panel .format-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.format-panel .format-options>a{min-height:44px}}
@media(max-width:600px){.format-panel{padding:12px;gap:10px;min-height:124px}.format-emblem{width:70px;height:78px;flex-basis:70px}.format-disc{width:60px;height:60px;gap:4px}.format-disc svg{width:20px;height:20px}.format-disc h3{font-size:10px}.format-halo{inset:5px 0}.format-panel .format-options{gap:6px}.format-panel .format-options>a{padding:10px 4px;min-height:42px;border-radius:9px}.format-panel .format-pair{gap:4px}.format-panel .format-pair b{font-size:11px}.format-panel .format-swap{font-size:13px}}