.batch-history-list{gap:14px;margin:20px 0;display:grid}.batch-history-card{border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:12px;align-items:center;gap:24px;min-width:0;padding:18px 22px;text-decoration:none;display:flex}.batch-history-card:hover{border-color:var(--accent)}.batch-history-thumbs{background:var(--bg);border-radius:6px;justify-content:center;align-items:center;gap:5px;width:168px;min-width:168px;height:98px;padding:7px;display:flex}.batch-history-thumbs img{object-fit:contain;border:1px solid var(--border);background:#fff;width:54px;height:82px}.batch-history-thumbs>span{color:var(--muted);font-size:12px}.batch-history-card h3{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0;font-size:15px;display:-webkit-box;overflow:hidden}.batch-history-card small{color:var(--muted);font-size:11px}.batch-history-open{white-space:nowrap;margin-left:auto;font-size:12px}.batch-state-ready,.batch-state-attention{color:#3b6045;background:#edf3e9;border-radius:5px;padding:4px 7px;font-size:11px;display:inline-block}.batch-state-attention{color:#815019;background:#fff0d6}.batch-detail-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:28px;padding:28px 0;display:flex}.batch-detail-head h1{font:500 36px/1.25 var(--font-display);overflow-wrap:anywhere;max-width:680px;margin:14px 0}.batch-detail-head p{color:var(--muted);font-size:13px}.batch-detail-meta{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-strong)!important;font-size:11px!important}.batch-detail-head .batch-actions{flex-shrink:0;max-width:390px}.batch-detail-head .btn{font-size:12px}.batch-detail-toolbar{justify-content:space-between;align-items:center;margin:26px 0 20px;display:flex}.batch-detail-toolbar h2{font:500 24px var(--font-display);margin:0}.batch-detail-toolbar span{color:var(--muted);font-size:12px}.batch-output-grid{grid-template-columns:repeat(auto-fit,minmax(260px,390px));justify-content:center;gap:24px;display:grid}.batch-output-grid article{min-width:0}.batch-output-paper{aspect-ratio:3/4;background:var(--bg);border:1px solid var(--border);border-radius:9px;place-items:center;padding:18px;display:grid}.batch-output-paper button{background:0 0;border:0;width:100%;height:100%;min-height:0;padding:0}.batch-output-paper img{object-fit:contain;background:#fff;width:100%;height:100%}.batch-output-paper>div{text-align:center;color:var(--muted)}.batch-output-paper>div>span{font:500 38px var(--font-display)}.batch-output-caption{justify-content:space-between;gap:12px;padding:16px 0;display:flex}.batch-output-caption small{color:var(--muted);letter-spacing:.08em;font-size:10px}.batch-output-caption h3{overflow-wrap:anywhere;margin:6px 0;font-size:13px;line-height:1.6}.batch-output-caption .batch-actions{white-space:nowrap;color:var(--accent-strong);align-content:start;margin:0;font-size:12px}.batch-output-caption button{border:1px solid var(--border);background:0 0;border-radius:6px;padding:9px}.batch-attention{background:#fff2db;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin:22px 0;padding:18px 22px;font-size:13px;display:flex}.batch-live-progress{margin:24px 0}.batch-live-progress progress{width:100%;accent-color:var(--accent2)}.batch-live-progress p{color:var(--muted);font-size:13px}.batch-preview-dialog{background:var(--surface);width:min(800px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--fg);border:0;border-radius:12px;margin:auto;padding:36px 24px 18px;position:fixed;inset:0;overflow:auto}.batch-preview-dialog::backdrop{background:#29251dd9}.batch-preview-dialog img{object-fit:contain;width:100%;max-width:100%;height:70dvh;margin:auto;display:block}.batch-preview-dialog p{text-align:center;font-size:12px}.batch-preview-close{background:var(--bg);border:0;border-radius:50%;width:40px;height:40px;font-size:25px;position:absolute;top:8px;right:10px}.batch-history-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}body .batch-page.generator-replica .upload-area{white-space:normal;height:auto;min-height:180px;padding:22px 16px}body .batch-page.generator-replica .upload-area>*{overflow-wrap:anywhere;flex-shrink:0;max-width:100%}.my-pages-batch-link{z-index:2;color:var(--accent-strong);min-height:32px;margin-top:12px;font-size:12px;display:inline-block;position:relative}@media (max-width:700px){.batch-history-card{gap:13px;padding:13px}.batch-history-thumbs{gap:0;width:84px;min-width:84px;height:94px;overflow:hidden}.batch-history-thumbs img{width:42px;height:76px}.batch-history-thumbs img+img{margin-left:-15px;transform:rotate(5deg)}.batch-history-card h3{font-size:13px}.batch-history-open{display:none}.batch-detail-head{display:block}.batch-detail-head h1{font-size:29px}.batch-output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.batch-output-paper{padding:9px}.batch-output-caption{display:block}.batch-output-caption h3{font-size:12px}.batch-detail-toolbar span{font-size:10px}.batch-attention{display:block}.batch-preview-dialog{padding:40px 14px 18px}.batch-preview-dialog img{height:65dvh}}.batch-history-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.batch-history-card{padding:0;display:block;overflow:hidden}.batch-history-thumbs{border-radius:0;gap:0;width:100%;min-width:0;height:175px;padding:20px}.batch-history-thumbs img{width:92px;height:125px;transform:rotate(-6deg);box-shadow:0 3px 9px #0001}.batch-history-thumbs img+img{margin-left:-24px;transform:rotate(7deg)}.batch-history-card>div:nth-child(2){padding:20px}.batch-history-open{color:var(--accent-strong);padding:0 20px 20px;display:block}.batch-reader{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:minmax(0,1fr) 320px;gap:40px;padding:28px;display:grid}.batch-reader-stage{background:var(--bg);border-radius:8px;place-items:center;min-height:550px;padding:24px;display:grid}.batch-reader-stage button{background:0 0;border:0;width:100%;padding:0}.batch-reader-stage img{object-fit:contain;width:100%;height:510px}.batch-reader-stage>div{text-align:center;color:var(--muted)}.batch-reader aside{min-width:0;padding:20px 0}.batch-reader aside>small{letter-spacing:.1em;color:var(--muted);font-size:10px}.batch-reader aside h2{font:500 27px/1.35 var(--font-display);overflow-wrap:anywhere;margin:16px 0}.batch-reader aside>p{color:var(--muted);font-size:12px}.batch-reader .btn{font-size:12px}.batch-thumb-rail{gap:10px;margin:30px 0 12px;padding:5px;display:flex;overflow-x:auto}.batch-thumb-rail button{border:1px solid var(--border);background:var(--bg);border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:space-between;gap:6px;width:76px;min-height:110px;padding:6px;font-size:10px;display:flex}.batch-thumb-rail button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.batch-thumb-rail img{object-fit:contain;background:#fff;width:100%;height:82px}.batch-reader-nav{justify-content:center;align-items:center;gap:22px;font-size:12px;display:flex}.batch-reader-nav button{border:1px solid var(--border);background:0 0;border-radius:50%;width:40px;height:40px}.batch-reader :is(button,a):focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (max-width:1000px){.batch-reader{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.batch-history-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.batch-history-list{grid-template-columns:1fr}.batch-history-card{grid-template-columns:105px 1fr;gap:14px;padding:12px;display:grid}.batch-history-thumbs{border-radius:5px;height:115px;padding:10px}.batch-history-thumbs img{width:60px;height:83px}.batch-history-card>div:nth-child(2){padding:0}.batch-history-open{display:none}.batch-reader{flex-direction:column;gap:10px;padding:14px;display:flex}.batch-reader-stage{min-height:350px;padding:12px}.batch-reader-stage img{height:350px}.batch-reader aside{padding:14px 8px}.batch-reader aside h2{font-size:24px}}.batch-dialog{max-height:calc(100dvh - 32px);margin:auto;position:fixed;inset:0;overflow:auto}.batch-reader aside h2{max-height:220px;overflow:auto}.batch-detail-head>div{min-width:0}.batch-reader-nav button:disabled{opacity:.4}.batch-preview-unavailable{min-height:80px;font:12px/1.5 var(--font-sans);color:var(--muted);text-align:center;overflow-wrap:anywhere;place-items:center;padding:12px;display:grid}.batch-preview-error{color:var(--muted);font-size:13px}.batch-preview-error button{margin:8px}.batch-empty-state{border:1px solid var(--border);background:color-mix(in oklch, var(--surface) 70%, var(--bg));border-radius:16px;align-items:center;gap:28px;padding:22px 32px 22px 22px;display:flex}.batch-empty-state>img{object-fit:cover;border-radius:12px;flex:none;width:144px;height:144px}.batch-empty-copy{flex:1;min-width:0}.batch-empty-copy h3{font:500 24px/1.3 var(--font-display);color:var(--fg);margin:0 0 9px}.batch-empty-copy p{max-width:440px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.batch-empty-state>.btn{flex:none;gap:16px;font-size:13px}.batch-empty-state[data-layout=library]{text-align:center;flex-direction:column;gap:18px;margin-top:20px;padding:36px 24px}.batch-empty-state[data-layout=library]>img{width:160px;height:160px}.batch-empty-state[data-layout=library] .batch-empty-copy p{max-width:390px}.batch-history-thumbs{background:#f0ece3}@media (max-width:700px){.batch-empty-state{flex-wrap:wrap;gap:20px;padding:24px}.batch-empty-state>img,.batch-empty-state[data-layout=library]>img{width:112px;height:112px}.batch-empty-copy h3{font-size:22px}.batch-empty-copy p{font-size:13px}.batch-empty-state:not([data-layout=library]){grid-template-columns:80px minmax(0,1fr);gap:20px;display:grid}.batch-empty-state:not([data-layout=library])>img{align-self:start;width:80px;height:80px}.batch-empty-state:not([data-layout=library])>.btn{grid-column:1/-1;justify-self:start}}