.athena-prism { border: 1px solid var(--w-color-border-furniture); border-radius: .5rem; margin-bottom: 1rem; padding: 1rem; }
.prism-heading { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; }
.prism-heading h2, .prism-heading h3, .prism-heading h4 { margin-top: 0; }
.prism-heading h2 { font-size: 1.25rem; line-height: 1.25; margin-bottom: .2rem; }
.prism-heading p { color: var(--w-color-text-context); margin: .25rem 0 0; }
.prism-badge { background: var(--w-color-surface-menus); border: 1px solid var(--w-color-border-furniture); border-radius: 999px; color: var(--w-color-text-label); display: inline-block; font-size: .75rem; font-weight: 600; padding: .25rem .65rem; white-space: nowrap; }
.prism-badge--disabled { background: var(--w-color-surface-field-inactive); border-color: var(--w-color-border-field-inactive); color: var(--w-color-text-context); }
.prism-badge--available, .prism-badge--approved, .prism-badge--needs_review { background: #d9f2e4; color: #075a2c; }
.prism-badge--queued, .prism-badge--running, .prism-badge--submitting, .prism-badge--pending { background: #e4efff; color: #154d8d; }
.prism-badge--failed, .prism-badge--rejected { background: #fde3e3; color: #8b1b1b; }
.prism-source { background: var(--w-color-surface-field-inactive); border: 1px solid var(--w-color-border-furniture); border-radius: .4rem; margin-top: .6rem; overflow: hidden; padding: .6rem; }
.prism-source-grid { align-items: stretch; display: grid; gap: .6rem; grid-template-columns: minmax(0, 1fr) 1.5rem minmax(0, 1fr); }
.prism-source-option { background: var(--w-color-surface-page); border: 1px solid var(--w-color-border-furniture); border-radius: .4rem; display: flex; flex-direction: column; min-width: 0; padding: .6rem; }
.prism-source-option__heading { align-items: flex-start; display: flex; gap: .5rem; margin-bottom: .2rem; }
.prism-source-option__heading > div { min-width: 0; }
.prism-source-option__marker { align-items: center; background: var(--w-color-primary); border-radius: 50%; color: var(--w-color-text-button); display: inline-flex; flex: 0 0 1.75rem; font-size: .75rem; font-weight: 700; height: 1.75rem; justify-content: center; }
.prism-source-option label { font-size: .95rem; margin-bottom: .1rem; }
.prism-source-option small { margin: 0; }
.prism-source-option select, .prism-source-option input[type="file"] { box-sizing: border-box; margin-top: .35rem; min-height: 2.5rem; width: 100%; }
.prism-source-option input[type="file"] { background: var(--w-color-surface-page); border: 1px solid var(--w-color-border-field-default); border-radius: .3125rem; color: var(--w-color-text-context); padding: .35rem; }
.prism-source-option input[type="file"]::file-selector-button { background: var(--w-color-surface-button-default); border: 0; border-radius: .1875rem; color: var(--w-color-text-button); cursor: pointer; font: inherit; font-weight: 600; margin-inline-end: .75rem; padding: .55rem .8rem; }
.prism-source-option input[type="file"]:hover::file-selector-button { background: var(--w-color-surface-button-hover); }
.prism-source-option__requirements { padding-top: .2rem; }
.prism-source-divider { align-self: center; color: var(--w-color-text-context); font-size: .75rem; font-weight: 700; letter-spacing: 0; text-transform: uppercase; }
.prism-source-actions { align-items: center; border-top: 1px solid var(--w-color-border-furniture); display: flex; gap: .75rem; justify-content: space-between; margin-top: .6rem; padding-top: .6rem; }
.prism-suggestion-control { align-items: center; display: flex; flex: 1 1 24rem; flex-wrap: wrap; gap: .35rem .75rem; }
.prism-suggestion-control__field { align-items: center; display: flex; gap: .5rem; }
.prism-suggestion-control label { display: block; font-weight: 600; margin: 0; }
.prism-suggestion-control select { min-width: 9rem; }
.prism-suggestion-control small { margin: 0; }
.prism-source-actions .button { flex: 0 0 auto; }
.prism-source label, .prism-output label { display: block; font-weight: 600; margin-bottom: .35rem; }
.prism-output textarea { width: 100%; }
.prism-source small, .prism-help { color: var(--w-color-text-context); display: block; font-size: .85rem; margin-top: .35rem; }
.prism-notice { background: var(--w-color-surface-field-inactive); border-inline-start: .25rem solid var(--w-color-info-100); color: var(--w-color-text-label); margin-top: 1rem; padding: .8rem 1rem; }
.prism-notice--warning { border-color: var(--w-color-warning-100); }
.prism-notice--muted { background: var(--w-color-surface-field-inactive); border-color: var(--w-color-border-furniture); }
.prism-job { border-top: 1px solid var(--w-color-border-furniture); margin-top: 1rem; padding-top: .75rem; }
.prism-progress { background: var(--w-color-surface-menus); border-radius: 999px; height: .55rem; margin-top: 1rem; overflow: hidden; }
.prism-progress span { background: var(--w-color-primary); display: block; height: 100%; }
.prism-pending-status { align-items: flex-start; background: #eef8f6; border-inline-start: .25rem solid var(--w-color-primary); display: flex; gap: .8rem; margin-top: 1rem; padding: 1rem; }
.prism-pending-status p { margin: .2rem 0; }
.prism-pending-status small { color: var(--w-color-text-context); }
.prism-spinner { animation: prism-spin .8s linear infinite; border: .2rem solid #cce5df; border-radius: 50%; border-top-color: var(--w-color-primary); display: inline-block; flex: 0 0 1.25rem; height: 1.25rem; width: 1.25rem; }
.prism-suggestion-list { display: grid; gap: .75rem; margin-top: .75rem; }
.prism-suggestion { border-top: 1px solid var(--w-color-border-furniture); padding-top: .65rem; }
.prism-suggestion > h4 { margin: 0 0 .5rem; }
.prism-output-grid { display: grid; gap: .75rem; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
.prism-output { border: 1px solid var(--w-color-border-furniture); border-radius: .4rem; overflow: hidden; }
.prism-output--approved { border-color: #258750; }
.prism-output--rejected { opacity: .72; }
.prism-preview { align-items: center; aspect-ratio: 4 / 3; background: #ebe7df; display: flex; justify-content: center; max-height: 14rem; min-height: 8rem; }
.prism-preview img { display: block; height: 100%; max-height: 14rem; max-width: 100%; object-fit: contain; width: 100%; }
.prism-output-body { padding: .75rem; }
.prism-output-body .prism-heading h4 { margin-bottom: 0; }
.prism-output-meta { color: var(--w-color-text-context); font-size: .85rem; margin: .25rem 0 .5rem; }
.prism-output textarea { min-height: 3.75rem; }
.prism-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .75rem; }
.prism-details { border-top: 1px solid var(--w-color-border-furniture); margin-top: .75rem; padding-top: .75rem; }
.prism-details dl { display: grid; grid-template-columns: max-content 1fr; gap: .4rem 1rem; }
.prism-details dt { font-weight: 600; }
.prism-details dd { margin: 0; overflow-wrap: anywhere; }
.prism-feedback:not(:empty) { align-items: flex-start; border-inline-start: .25rem solid var(--w-color-info-100); display: flex; gap: .8rem; margin-top: .75rem; padding: .8rem 1rem; }
.prism-feedback p { margin: .2rem 0; }
.prism-feedback small { color: var(--w-color-text-context); display: block; margin-top: .35rem; }
.prism-feedback--working { background: #eef8f6; border-color: var(--w-color-primary); }
.prism-feedback--success { background: #edf8f1; border-color: #258750; color: #075a2c; }
.prism-feedback--error { background: #fff0f0; border-color: var(--w-color-critical-200); color: var(--w-color-critical-200); }
.prism-feedback--error .prism-feedback__hint, .prism-feedback--error small { color: var(--w-color-text-label); }
.prism-error-status p { margin: .35rem 0; }
.prism-error-status small { display: block; margin-top: .5rem; }
.prism-footer { border-top: 1px solid var(--w-color-border-furniture); margin-bottom: 0; padding-top: .65rem; }
@keyframes prism-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .prism-spinner { animation: none; } }
@media (max-width: 44rem) {
  .prism-source-grid { grid-template-columns: 1fr; }
  .prism-source-divider { justify-self: center; }
}
@media (max-width: 40rem) {
  .athena-prism { padding: .75rem; }
  .prism-heading { align-items: flex-start; }
  .prism-source { padding: .75rem; }
  .prism-source-actions { align-items: stretch; flex-direction: column; }
  .prism-source-actions .button { width: 100%; }
  .athena-prism :is(.button, button, select, input[type="file"]) { min-height: 44px; }
}