.studio-result-card{--studio-result-media-width: 240px;container-name:generation-card;container-type:inline-size}.studio-result-media{width:min(var(--studio-result-media-width),100%);min-width:0;max-height:420px}.studio-result-body{min-width:0}.studio-result-body.is-waiting:not(.is-batch){display:grid;grid-template-columns:minmax(0,var(--studio-result-media-width)) minmax(0,1fr);align-items:center;gap:20px;max-width:720px}.studio-result-body.is-batch{display:flex;flex-direction:column;gap:10px;max-width:calc(4 * var(--studio-result-media-width) + 36px)}.studio-result-media-row.is-batch{display:grid;grid-template-columns:repeat(2,minmax(0,var(--studio-result-media-width)));align-items:start;gap:12px;overflow:visible}.studio-result-media-row.is-batch .studio-result-media{width:100%}.studio-result-media-row.is-batch .studio-result-overlay{max-width:calc(100% - 12px);flex-wrap:wrap;inset-inline-end:6px;top:6px}.studio-result-media-row.is-batch .studio-result-pending.is-failed{border-radius:inherit;overflow-wrap:anywhere;overflow-y:auto}.studio-wait-media{position:absolute;inset:0;margin:0;isolation:isolate;overflow:hidden;border-radius:inherit;color:#eee8df;background:#17191d}.studio-wait-source{position:absolute;width:100%;height:100%;object-fit:cover;filter:blur(2px) saturate(.55);transform:scale(1.05);opacity:.7}.studio-wait-frames{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 55% 40%,#49372b,#191c22 72%)}.studio-wait-frames span{position:absolute;width:52%;height:58%;border:1px solid #e1b79d3d;border-radius:5px;transform:rotate(-12deg) translate(-8%)}.studio-wait-frames span:nth-child(2){transform:none;background:#382b2380}.studio-wait-frames span:nth-child(3){transform:rotate(12deg) translate(8%)}.studio-wait-shade{position:absolute;inset:0;background:linear-gradient(#07090bb0,transparent 44%,#07090bd9)}.studio-wait-scan{position:absolute;inset:10% 0 auto;height:24%;background:linear-gradient(transparent,#ff9c5812 96%,#fbc39866);animation:studio-wait-scan 6s ease-in-out infinite}.studio-wait-viewfinder{position:absolute;inset:38px 14px}.studio-wait-viewfinder span{position:absolute;width:11px;height:11px;border-color:#e2c9b980;border-style:solid}.studio-wait-viewfinder span:nth-child(1){inset:0 auto auto 0;border-width:1px 0 0 1px}.studio-wait-viewfinder span:nth-child(2){inset:0 0 auto auto;border-width:1px 1px 0 0}.studio-wait-viewfinder span:nth-child(3){inset:auto auto 0 0;border-width:0 0 1px 1px}.studio-wait-viewfinder span:nth-child(4){inset:auto 0 0 auto;border-width:0 1px 1px 0}.studio-wait-media-caption{position:absolute;inset-inline:12px;display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.4}.studio-wait-media-caption{bottom:12px;justify-content:space-between;color:#e2d9ce}.studio-wait-dot{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%;background:#ff934e;box-shadow:0 0 0 4px #ff934e12;animation:studio-wait-breathe 3.2s ease-in-out infinite}.studio-wait-media-icon{position:absolute;inset:0;display:grid;place-items:center;opacity:.6}.studio-wait-media-icon svg{width:26px;height:26px;stroke-width:1}.studio-wait-media[data-wide=true] .studio-wait-media-icon,.studio-wait-media[data-wide=true] .studio-wait-media-caption,.studio-wait-media[data-wide=true] .studio-wait-viewfinder{display:none}.studio-wait-status{min-width:0;padding-block:2px}.studio-wait-status.is-batch{order:-1}.studio-wait-statusline>.studio-wait-count{margin:0}.studio-wait-statusline,.studio-wait-status-label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#ffad78;font-size:12px}.studio-wait-elapsed{margin-inline-start:auto;color:#aaa9b3;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.studio-wait-message{max-width:72ch;margin:8px 0 0;color:#aaa9b3;font-size:12px;line-height:1.75}.studio-wait-count{display:flex;flex-wrap:wrap;gap:10px;margin-block:14px;color:#e3e1e8;font-size:12px;font-variant-numeric:tabular-nums}.studio-wait-failed-count{color:#e6aa9e}.studio-wait-details{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#aaa9b3;font-size:11px}.studio-wait-details>span+span{padding-inline-start:10px;border-inline-start:1px solid #36373e}.studio-wait-check svg,.studio-wait-continue svg{width:14px;height:14px;flex:none}.studio-wait-check,.studio-wait-continue{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 8px;border:1px solid #42434a;border-radius:6px;color:#eeedf4;background:#22242a;cursor:pointer}.studio-wait-check:disabled{opacity:.6;cursor:default}.studio-wait-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:8px}.studio-wait-retry-note{margin:0;color:#aaa9b3;font-size:12px;line-height:1.6}.studio-wait-continue{padding-inline:0;border-color:transparent;background:transparent;color:#aaa9b3;font-size:11px}.studio-wait-continue:hover,.studio-wait-check:hover{background:#303239}.studio-wait-completion:not(:empty){display:block;margin-top:12px;color:#a2d5b2;font-size:12px}.studio-workbench-editor:has(.studio-generation-activity){display:flex;min-height:0;flex-direction:column}.studio-workbench-editor:has(.studio-generation-activity)>.studio-editor{min-height:0;flex:1}.studio-generation-activity{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;padding:10px 12px;margin-bottom:8px;border:1px solid #303139;border-radius:8px;color:#d6d4dc;background:#14161b;font-size:11px}.studio-generation-activity output,.studio-generation-activity button{display:inline-flex;align-items:center;gap:7px}.studio-generation-activity output{flex-wrap:wrap}.studio-generation-activity button{min-height:32px;flex:none;padding:0;border:0;color:#eeedf4;background:transparent;font-size:11px}.studio-generation-activity button svg{width:14px;height:14px}.studio-generation-activity[data-active=false] .studio-wait-dot{animation:none}.studio-generation-activity[data-ready=true] .studio-wait-dot{background:#a2d5b2;box-shadow:none;animation:none}.studio-wait-retry-note{margin-top:12px}.studio-wait-status[data-phase=disconnected] .studio-wait-status-label{color:#c1c0ca}.studio-wait-status[data-phase=disconnected] .studio-wait-dot,.studio-wait-media[data-disconnected=true] .studio-wait-dot{background:#b9b8c1;box-shadow:none;animation:none}.studio-wait-media[data-disconnected=true] .studio-wait-scan{display:none}@keyframes studio-wait-scan{0%,to{transform:translateY(0);opacity:.25}50%{transform:translateY(210%);opacity:.85}}@keyframes studio-wait-breathe{0%,to{opacity:1}50%{opacity:.5}}@container generation-card (min-width: 800px){.studio-result-media-row.is-batch{grid-template-columns:repeat(4,minmax(0,var(--studio-result-media-width)))}}@container generation-card (max-width: 560px){.studio-result-body.is-waiting:not(.is-batch){grid-template-columns:1fr;gap:18px}.studio-result-body.is-waiting:not(.is-batch) .studio-result-media-row{width:min(var(--studio-result-media-width),100%)}.studio-result-body.is-waiting:not(.is-batch) .studio-wait-status{order:-1}.studio-wait-media-caption{inset-inline:9px;font-size:11px}}@container generation-card (max-width: 260px){.studio-result-media-row.is-batch{grid-template-columns:minmax(0,var(--studio-result-media-width))}}@media(max-width:700px){.studio-result-card{--studio-result-media-width: 180px}}@media(pointer:coarse){.studio-wait-continue,.studio-wait-check{min-height:44px}}@media(prefers-reduced-motion:reduce){.studio-wait-scan,.studio-wait-dot{animation:none}.studio-wait-scan{display:none}}