.seedream-test-body { min-width: 320px; background: #f3f4f1; color: var(--ink); }
.seedream-test-body .brand { color: inherit; text-decoration: none; }
.seedream-test-page { min-height: calc(100vh - 64px); }
.seedream-test-heading { min-height: 122px; padding: 24px max(28px, calc((100vw - 1240px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 28px; background: white; border-bottom: 1px solid var(--line); }
.seedream-test-heading h1 { margin: 5px 0; font-size: 25px; }
.seedream-test-heading p { margin: 0; color: var(--muted); font-size: 12px; }
.seedream-model-readout { max-width: 430px; min-width: 300px; padding-left: 18px; border-left: 3px solid var(--red); display: flex; flex-direction: column; gap: 4px; }
.seedream-model-readout span, .seedream-model-readout small { color: var(--muted); font-size: 10px; }
.seedream-model-readout strong { overflow-wrap: anywhere; font-size: 13px; }
.seedream-test-layout { width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: 28px 0 22px; display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 22px; align-items: start; }
.seedream-test-form, .seedream-contract { border: 1px solid var(--line); border-radius: 8px; background: white; }
.seedream-form-section { padding: 22px; }
.seedream-form-section + .seedream-form-section { border-top: 1px solid var(--line); }
.seedream-form-section .section-title, .seedream-contract .section-title { margin-bottom: 14px; }
.seedream-form-section .section-title span, .seedream-contract .section-title span { color: var(--muted); font-size: 10px; }
.seedream-reference-list { min-height: 104px; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
.seedream-reference-list:empty::before { content: "尚未选择参考图"; min-height: 102px; grid-column: 1 / -1; display: grid; place-items: center; border: 1px dashed #cfd2cc; border-radius: 6px; color: var(--muted); font-size: 12px; }
.seedream-reference-item { min-width: 0; height: 104px; display: grid; grid-template-columns: 78px minmax(0, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: #fafbf9; }
.seedream-reference-item img { width: 78px; height: 104px; object-fit: cover; background: #e8eae6; }
.seedream-reference-info { min-width: 0; padding: 9px; display: flex; flex-direction: column; gap: 5px; }
.seedream-reference-info b { color: var(--red); font-size: 10px; }
.seedream-reference-info strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.seedream-reference-info span { color: var(--muted); font-size: 9px; }
.seedream-reference-info button { width: 28px; height: 28px; margin-top: auto; align-self: flex-end; border: 0; border-radius: 5px; background: transparent; color: var(--muted); display: grid; place-items: center; }
.seedream-reference-info button:hover { background: #f2dedb; color: var(--red); }
.seedream-upload-row { margin-top: 12px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.seedream-upload-row > span { color: var(--muted); font-size: 10px; }
.seedream-prompt-field textarea { min-height: 180px; resize: vertical; line-height: 1.65; }
.seedream-prompt-footer { margin-top: 7px; display: flex; justify-content: space-between; color: var(--muted); font-size: 10px; }
.seedream-submit-section { display: grid; grid-template-columns: 130px minmax(0, 1fr) auto; align-items: end; gap: 16px; }
.seedream-count-field select { min-height: 40px; }
.seedream-submit-copy { min-width: 0; padding-bottom: 3px; display: flex; flex-direction: column; gap: 4px; }
.seedream-submit-copy strong { font-size: 12px; }
.seedream-submit-copy span { color: var(--muted); font-size: 10px; line-height: 1.45; }
.seedream-submit-section .button { min-height: 40px; }
.seedream-contract { padding: 20px; position: sticky; top: 82px; }
.seedream-contract dl { margin: 0; }
.seedream-contract dl div { padding: 11px 0; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; border-top: 1px solid var(--line); }
.seedream-contract dt { color: var(--muted); font-size: 10px; }
.seedream-contract dd { margin: 0; overflow-wrap: anywhere; font-size: 11px; line-height: 1.5; }
.seedream-contract p { margin: 13px 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.seedream-contract a { display: inline-flex; align-items: center; gap: 5px; color: var(--red); font-size: 10px; font-weight: 700; }
.seedream-contract a svg { width: 13px; height: 13px; }
.seedream-results-band { padding: 24px max(24px, calc((100vw - 1240px) / 2)) 48px; border-top: 1px solid var(--line); background: white; }
.seedream-results-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.seedream-results-heading h2 { margin: 4px 0; font-size: 19px; }
.seedream-results-heading p { margin: 0; color: var(--muted); font-size: 11px; }
.seedream-result-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.seedream-progress, .seedream-error { min-height: 92px; margin-top: 18px; padding: 18px; display: flex; align-items: center; gap: 14px; border: 1px solid var(--line); border-radius: 6px; background: #f7f8f5; }
.seedream-progress svg { animation: baby-spin 1s linear infinite; }
.seedream-error { border-color: #e2bbb5; background: #fff5f3; color: var(--red); }
.seedream-progress div, .seedream-error div { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.seedream-progress span, .seedream-error p { margin: 0; color: var(--muted); overflow-wrap: anywhere; font-size: 11px; }
.seedream-result-grid { margin-top: 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.seedream-result-item { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: #fafbf9; }
.seedream-result-item img { width: 100%; aspect-ratio: 1; display: block; object-fit: contain; background: #eef0ec; }
.seedream-result-footer { min-height: 52px; padding: 9px 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.seedream-result-footer div { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.seedream-result-footer strong { font-size: 11px; }
.seedream-result-footer span { color: var(--muted); font-size: 9px; }
.seedream-result-footer .icon-button { flex: 0 0 auto; }
@media (max-width: 900px) {
  .seedream-test-heading { align-items: flex-start; flex-direction: column; }
  .seedream-model-readout { width: 100%; min-width: 0; }
  .seedream-test-layout { grid-template-columns: 1fr; }
  .seedream-contract { position: static; }
}
@media (max-width: 640px) {
  .seedream-test-heading { padding: 18px; }
  .seedream-test-layout { width: calc(100% - 24px); padding-top: 14px; }
  .seedream-form-section { padding: 16px; }
  .seedream-submit-section { grid-template-columns: 1fr; align-items: stretch; }
  .seedream-results-band { padding: 20px 12px 36px; }
  .seedream-results-heading { align-items: flex-start; flex-direction: column; }
  .seedream-result-actions { width: 100%; }
  .seedream-result-actions .button { flex: 1; }
}