@media (max-width: 1024px){.page-list[data-v-2e82c7e8]{width:calc(100% - 32px)!important;padding:24px!important}.page-list .page-list-content-item-input[data-v-2e82c7e8]{font-size:14px!important}.page-list .input-actions[data-v-2e82c7e8]{visibility:visible!important}}.image-card[data-v-2e82c7e8]{position:relative;width:100%;height:100%;border-radius:12px}.image-card.status-generating[data-v-2e82c7e8],.image-card.status-uploading[data-v-2e82c7e8]{border-color:var(--rd-color-primary-subtle)}.image-card .status-overlay span[data-v-2e82c7e8]{font-size:14px;color:var(--rd-color-text-default)}.image-card .image-content[data-v-2e82c7e8]{display:flex;flex-direction:column;width:100%;height:100%;padding:8px;background:var(--rd-old-color-bg);background-image:linear-gradient(45deg,var(--rd-old-color-bg-surface) 25%,transparent 0,transparent 75%,var(--rd-old-color-bg-surface) 0),linear-gradient(45deg,var(--rd-old-color-bg-surface) 25%,transparent 0,transparent 75%,var(--rd-old-color-bg-surface) 0);background-position:0 0,16px 16px;background-size:32px 32px;border-radius:12px}.image-card .image-content img[data-v-2e82c7e8]{height:225px;width:100%;object-fit:contain}.image-card .image-content .image-title[data-v-2e82c7e8]{padding:8px;font-size:12px;color:var(--rd-color-text-default);text-align:center;background-color:var(--rd-color-bg-1)}.image-card .empty-state[data-v-2e82c7e8]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:241px;padding:8px;color:var(--rd-color-text-subtlest);font-size:14px;background-color:var(--rd-color-bg-2);border-radius:12px}.image-card .empty-state .empty-image[data-v-2e82c7e8]{width:48px;height:48px}.uploading[data-v-2e82c7e8],.generating[data-v-2e82c7e8]{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;height:241px;padding:8px;font-size:14px;color:var(--rd-color-text-subtle);background-color:var(--rd-color-bg-2);border-radius:12px}.uploading .spinner[data-v-2e82c7e8],.generating .spinner[data-v-2e82c7e8]{width:16px;height:16px;animation:spin-2e82c7e8 1s linear infinite}@keyframes spin-2e82c7e8{to{transform:rotate(360deg)}}.error-state[data-v-2e82c7e8]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:241px;color:var(--rd-color-functional-danger-on-container);background-color:var(--rd-color-bg-2);border-radius:12px}