.message-intro:empty, .request-preparation:empty, .candidate-list:empty { display: none; }
.candidate-list { display: grid; gap: 14px; }
@media (min-width: 1100px) { .candidate-list.has-candidates { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.request-preparation { width: min(560px, 100%); margin-bottom: 14px; }
.polish-details { border: 1px solid var(--line); border-radius: 10px; background: var(--panel); }
.polish-details summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; font-size: 12px; color: var(--muted); cursor: pointer; list-style: none; }
.polish-details summary::-webkit-details-marker { display: none; }
.polish-details[data-status="running"] .polish-status::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 8px; background: var(--accent); animation: breathe 2s ease-in-out infinite; }
.polish-details[data-status="failed"] summary { color: var(--danger); }
.polish-chevron { transition: transform .15s; }
.polish-details[open] .polish-chevron { transform: rotate(180deg); }
.polish-text { padding: 0 14px 14px; max-height: 280px; overflow: auto; overscroll-behavior: contain; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; line-height: 1.85; }
.status-preparing { background: var(--accent-soft); color: var(--accent-text); }
.job-symbol { background: var(--panel-soft); color: var(--muted); border-color: var(--line); }
.result-video { height: auto; aspect-ratio: auto; }
.job-progress span { flex-shrink: 0; }
.result-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; width: 100%; }
.result-tag { padding: 3px 6px; border-radius: 5px; background: var(--panel-soft); color: var(--muted); font-size: 10px; white-space: nowrap; }
.job-credit-use { margin-left: auto; }
.job-actions { flex-wrap: wrap; gap: 3px 6px; }
.result-actions { display: flex; align-items: center; gap: 1px; }
.favorite-button { width: 33px; height: 33px; color: var(--muted); }
.favorite-button[aria-pressed='true'] { color: var(--accent-text); }
.favorite-button[aria-pressed='true'] svg { fill: var(--accent-soft); }
.job-actions > .download-button { margin-left: auto; }
.video-details-dialog { width: min(780px, calc(100vw - 28px)); max-height: calc(100dvh - 28px); padding: 0; border: 1px solid var(--line); border-radius: 15px; background: var(--panel); color: var(--text); scrollbar-width: thin; }
.video-details-dialog::backdrop { background: #111b15a6; backdrop-filter: blur(3px); }
.video-details-dialog > header { display: flex; justify-content: space-between; align-items: center; gap: 12px; position: sticky; top: 0; z-index: 1; padding: 15px 20px; border-bottom: 1px solid var(--line); background: var(--panel); }
.video-details-dialog h2 { margin: 0; font-size: 15px; font-weight: 550; }
#video-details-content { padding: 0 20px 22px; }
#video-details-content section { margin-top: 23px; }
#video-details-content h3 { margin: 0 0 10px; font-size: 12px; font-weight: 600; }
.details-meta, .details-loading { margin: 18px 0; color: var(--muted); font-size: 11px; }
.details-references { display: flex; flex-wrap: wrap; gap: 10px; }
.details-reference { flex: 0 0 112px; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); text-decoration: none; }
.details-reference img { display: block; width: 112px; height: 84px; object-fit: cover; background: var(--panel-soft); }
.details-reference span { display: block; padding: 5px; font-size: 10px; text-align: center; }
.detail-prompt { margin: 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel-soft); font-family: inherit; font-size: 12px; line-height: 1.85; white-space: pre-wrap; overflow-wrap: anywhere; }
.result-configuration { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; margin: 0; }
.result-configuration > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; min-width: 0; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 11px; }
.result-configuration dt { color: var(--muted); overflow-wrap: anywhere; }
.result-configuration dd { margin: 0; max-width: 70%; text-align: right; overflow-wrap: anywhere; }
.result-configuration pre { margin: 0; white-space: pre-wrap; text-align: left; font-size: 10px; }
@media (max-width: 540px) { .result-configuration { grid-template-columns: 1fr; } #video-details-content { padding-inline: 15px; } }
.message-content .picture-token { vertical-align: middle; white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { .polish-details[data-status="running"] .polish-status::before { animation: none; } }