.public-export-anchor {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  max-width: 1520px;
  margin: 0 auto 1rem;
  padding: 0;
  min-width: 0;
}
.public-export {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: .4rem;
  min-width: 0;
  max-width: 100%;
  font: inherit;
  color: #1e293b;
}
.dark .public-export { color: #e2e8f0; }
.public-export > button,
.public-export > a,
.public-export > select {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 40px;
  max-width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: .6rem;
  background: #fff;
  color: inherit;
  padding: .45rem .65rem;
  font: inherit;
  font-size: .82rem;
  font-weight: 650;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
.dark .public-export > button,
.dark .public-export > a,
.dark .public-export > select {
  background: #111827;
  border-color: #475569;
  color: #f1f5f9;
}
.public-export > button:hover,
.public-export > a:hover,
.public-export > select:hover { border-color: #6366f1; background: #f8fafc; }
.dark .public-export > button:hover,
.dark .public-export > a:hover,
.dark .public-export > select:hover { background: #1e293b; }
.public-export > button:focus-visible,
.public-export > a:focus-visible,
.public-export > select:focus-visible { outline: 3px solid #6366f1; outline-offset: 2px; }
.public-export > button:disabled,
.public-export > select:disabled,
.public-export > a[aria-disabled="true"] { opacity: .55; cursor: wait; }
.public-export__scope-label { font-size: .76rem; color: #64748b; }
.dark .public-export__scope-label { color: #cbd5e1; }
.public-export__note {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.public-export__status {
  flex-basis: 100%;
  text-align: right;
  font-size: .8rem;
  line-height: 1.4;
  color: #475569;
}
.public-export__status:empty { display: none; }
.dark .public-export__status { color: #cbd5e1; }
.panelrip-services-shell > .panelrip-services-controls { z-index: 80; }
.panelrip-services-heading-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; }
.panelrip-services-heading-row > .panelrip-services-controls__heading { flex: 1 1 260px; min-width: 0; }
.panelrip-services-heading-row > .public-export-anchor { flex: 0 1 850px; margin: 0; }
@media (max-width: 1100px) {
  .panelrip-services-heading-row { flex-direction: column; gap: 1rem; }
  .panelrip-services-heading-row > .panelrip-services-controls__heading,
  .panelrip-services-heading-row > .public-export-anchor { flex: none; width: 100%; }
  .panelrip-services-heading-row .public-export { justify-content: flex-start; }
}
@media (max-width: 600px) {
  .public-export-anchor { justify-content: flex-start; }
  .public-export { justify-content: flex-start; gap: .4rem; }
  .public-export__status { text-align: left; }
  .public-export > select { min-width: 0; }
}

/* Compact branded action system: recognizable format marks and provider accents. */
.public-export__action { gap: .45rem; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.public-export__icon { width: 18px; height: 18px; flex: 0 0 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
/* Original vendor files retain their own fills/geometry; theme variants are not recolored. */
.public-export__brand-image { filter: none; }
.public-export__brand-image--dark { display: none; }
.dark .public-export__brand-image--light { display: none; }
.dark .public-export__brand-image--dark { display: inline; }
.public-export__action--csv { color: #166534 !important; border-color: #86c99b !important; background: #f1fbf4 !important; }
.public-export__action--xlsx { color: #14532d !important; border-color: #8abe99 !important; background: #f2faf4 !important; }
.public-export__action--md { color: #334155 !important; border-color: #aab6c5 !important; background: #f5f7fa !important; }
.public-export__action--chatgpt { color: #075e54 !important; border-color: #79b9ae !important; background: #eef9f7 !important; }
.public-export__action--claude { color: #8a3d1e !important; border-color: #dfad91 !important; background: #fff6f0 !important; }
.public-export__action--gemini { color: #3f4b9b !important; border-color: #adb4e8 !important; background: #f4f4ff !important; }
.dark .public-export__action--csv { color: #bbf7d0 !important; border-color: #34794b !important; background: #10271a !important; }
.dark .public-export__action--xlsx { color: #c6f2d0 !important; border-color: #39794b !important; background: #12281b !important; }
.dark .public-export__action--md { color: #e2e8f0 !important; border-color: #64748b !important; background: #1e293b !important; }
.dark .public-export__action--chatgpt { color: #a6eee2 !important; border-color: #347e73 !important; background: #102b28 !important; }
.dark .public-export__action--claude { color: #ffd0b5 !important; border-color: #8b5439 !important; background: #302019 !important; }
.dark .public-export__action--gemini { color: #d4d8ff !important; border-color: #5b62a8 !important; background: #20213d !important; }
.public-export__action--csv:hover { background: #e5f7ea !important; }
.public-export__action--xlsx:hover { background: #e6f5e9 !important; }
.public-export__action--md:hover { background: #e9eef5 !important; }
.public-export__action--chatgpt:hover { background: #dff4ef !important; }
.public-export__action--claude:hover { background: #ffeadc !important; }
.public-export__action--gemini:hover { background: #e8e9ff !important; }
.dark .public-export__action--csv:hover { background: #193a25 !important; }
.dark .public-export__action--xlsx:hover { background: #1b3a25 !important; }
.dark .public-export__action--md:hover { background: #29394f !important; }
.dark .public-export__action--chatgpt:hover { background: #173b36 !important; }
.dark .public-export__action--claude:hover { background: #40291e !important; }
.dark .public-export__action--gemini:hover { background: #2d2f53 !important; }
.public-export > button:hover, .public-export > a:hover, .public-export > select:hover { transform: translateY(-1px); }
.public-export > button:focus-visible, .public-export > a:focus-visible, .public-export > select:focus-visible { outline: 3px solid #4f46e5; outline-offset: 2px; z-index: 1; }
.dark .public-export > button:focus-visible, .dark .public-export > a:focus-visible, .dark .public-export > select:focus-visible { outline-color: #a5b4fc; }
.public-export [data-export-state="loading"] .public-export__icon { animation: export-spin .8s linear infinite; }
.public-export [data-export-state="success"] .public-export__icon { color: #15803d; }
.public-export [data-export-state="error"] .public-export__icon { color: #b42318; }
.dark .public-export [data-export-state="success"] .public-export__icon { color: #86efac; }
.dark .public-export [data-export-state="error"] .public-export__icon { color: #fca5a5; }
@keyframes export-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .public-export *, .public-export *::before, .public-export *::after { transition: none !important; animation: none !important; }
  .public-export > button:hover, .public-export > a:hover, .public-export > select:hover { transform: none; }
}