header,main{max-width:1680px}.heading{gap:14px}header .controls{gap:12px!important}header select{max-width:210px}.batch-status{min-height:20px;margin:0 0 16px;color:var(--muted);font-size:12px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card-sample{min-width:0;padding:10px;background:#fff;border:1px solid #dedbe2;border-radius:12px}.card-preview{display:block;width:100%;aspect-ratio:900/560;padding:0;border:0;border-radius:8px;background:#f6f5f8;cursor:zoom-in}.card-preview:disabled{opacity:1;cursor:default}.card-preview svg,#detailCard svg{display:block;width:100%;height:auto}.card-preview:focus-visible{outline-offset:3px}.card-sample .card-top{margin-bottom:8px}.slot-status{margin:8px 0 0;min-height:18px;font-size:11px;color:var(--muted)}.slot-status:empty{display:none}.card-sample.is-error{border-color:var(--pink)}.card-sample.is-error .slot-status{color:#a42352}.card-sample.is-loading .card-preview:empty{display:grid;place-items:center}.card-sample.is-loading .card-preview:empty:before{content:"";width:24px;height:24px;border:3px solid #e6e2eb;border-top-color:var(--pink);border-radius:50%;animation:cardLoading .75s linear infinite}#cardDetail{width:min(1000px,calc(100% - 32px));padding:20px}#cardDetail .dialog-heading{margin-bottom:14px}#detailCard{min-width:0}@keyframes cardLoading{to{rotate:360deg}}@media(max-width:1100px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{align-items:flex-start}}@media(max-width:600px){header{padding:16px}main{padding:16px}.cards-grid{grid-template-columns:1fr;gap:14px}header .controls{display:flex!important;flex-wrap:wrap}header .controls label{width:auto}header .controls .primary{margin-left:auto}.heading{gap:10px}h1{font-size:21px}#cardDetail{padding:12px}}@media(prefers-reduced-motion:reduce){.card-sample.is-loading .card-preview:empty:before{animation:none}}