.publish-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.publish-image-choice{position:relative;display:flex;flex-direction:column;gap:8px;border:2px solid #cad1de;border-radius:14px;padding:12px;cursor:pointer;background:#fff;min-width:0}.publish-image-choice img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#e3e4e7}.publish-image-choice input{width:24px;height:24px;accent-color:#5434b5}.publish-image-choice:has(input:checked){border-color:#5434b5;background:#f1edff;box-shadow:0 0 0 2px #5434b5}.publish-image-choice:focus-within,.publish-mode:focus-within{outline:3px solid #135ab8;outline-offset:3px}.selection-label{font-weight:750;color:#5434b5}.publish-mode{display:flex;align-items:flex-start;gap:12px;border:2px solid #ccd2dc;border-radius:12px;padding:16px;margin:12px 0;cursor:pointer}.publish-mode span{display:grid;gap:8px}.publish-mode input{width:22px;height:22px;flex-shrink:0;accent-color:#5434b5}.publish-mode:has(input:checked){border-color:#5434b5;background:#f1edff}.publish-mode.danger-choice:has(input:checked){border-color:#ad2828;background:#fff1ed}.publish-mode small{line-height:1.6}.publish-bar{display:block;padding:18px;scroll-margin-top:85px}.publish-bar h2{margin-top:0}.publish-bar [data-publish-count]{font-size:18px;font-weight:750}.background-policy-note,.background-qc{padding:14px;border-left:4px solid #a97515;background:#fff8e7;line-height:1.65}.output-status{padding:16px;border:1px solid #d5dbe5;border-radius:12px;margin-bottom:20px}.output-status ul{list-style:none;padding:0}.output-status li{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0;border-bottom:1px solid #e3e6ed}.item-status{font-weight:700;border-radius:20px;padding:6px 12px;background:#eceef2;color:#414856}.item-status.generating{background:#eee8ff;color:#5434b5}.item-status.complete{background:#e3f6ea;color:#17623a}.item-status.failed{background:#ffe9e9;color:#9a2222}.tabs{flex-wrap:wrap}.tabs .tab{min-height:44px;white-space:normal}.converted-card{scroll-margin-top:90px}@media(max-width:480px){.publish-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.publish-image-choice{padding:8px;font-size:13px}.publish-mode{padding:12px}.tabs .tab{font-size:12px;padding:10px 8px}.output-status{padding:12px}}@media(prefers-reduced-motion:reduce){.publish-image-choice{transition:none}}