.rap-composer[hidden],.rap-studio-screen[hidden],.effects-start[hidden]{display:none!important}.generation-progress{width:100%;min-width:0;color:var(--rap-ink,#292722);background:var(--rap-surface,#fffdf9);border:1px solid var(--rap-surface-border,#d8d5cf);border-radius:24px;overflow:hidden;box-shadow:0 12px 36px #29272208}.generation-progress-top{border-bottom:1px solid var(--rap-surface-border,#d8d5cf);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:20px 28px;display:flex}.generation-progress-eyebrow,.generation-elapsed{align-items:center;gap:8px;font-size:12px;display:flex}.generation-progress-eyebrow{letter-spacing:.04em;font-weight:650}.generation-elapsed{color:var(--rap-muted,#716e68);font-variant-numeric:tabular-nums}.generation-progress-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.generation-project{background:var(--rap-surface-tint,#fff2e7);border-right:1px solid var(--rap-surface-border,#d8d5cf);min-width:0;padding:30px}.generation-portraits{grid-template-columns:repeat(var(--portrait-count), minmax(0, 1fr));align-items:stretch;gap:10px;display:grid}.generation-portraits figure{background:#ece6dd;border-radius:12px;height:clamp(170px,22vw,260px);margin:0;position:relative;overflow:hidden}.generation-portraits img{object-fit:cover;width:100%;height:100%}.generation-portraits figcaption{color:#fff;background:#292722d9;border-radius:6px;justify-content:space-between;align-items:center;gap:4px;padding:5px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.generation-summary{padding-top:20px;font-size:13px}.generation-summary strong{font-size:15px;font-weight:650;display:block}.generation-specs{flex-wrap:wrap;gap:7px 14px;margin-top:9px;display:flex}.generation-specs span{white-space:nowrap}.generation-summary p{color:var(--rap-accent-ink,#ac4211);margin:10px 0 0}.generation-placeholder{min-height:210px;color:var(--rap-accent-ink,#ac4211);flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.generation-wave{align-items:center;gap:5px;height:25px;display:flex}.generation-wave i{background:currentColor;border-radius:4px;width:4px;height:12px}.generation-wave i:nth-child(2n){height:22px}.generation-wave i:nth-child(3){height:30px}.generation-video{background:#191919;border-radius:12px;width:100%;max-height:380px}.generation-status{align-self:center;min-width:0;padding:32px}.generation-status-symbol{width:48px;height:48px;color:var(--rap-accent-ink,#ac4211);background:var(--rap-surface-tint,#fff2e7);border:1px solid #eedaca;border-radius:50%;place-items:center;margin-bottom:18px;display:grid}.generation-progress[data-stage=ready] .generation-status-symbol{color:#216140;background:#eef6ec;border-color:#b7ceb9}.generation-status h2{letter-spacing:-.025em;margin:0;scroll-margin-top:120px;font-size:clamp(23px,2.3vw,30px);font-weight:650;line-height:1.22}.generation-status h2:focus{outline:none}.generation-status-copy>p{color:var(--rap-muted,#716e68);margin:12px 0 0;font-size:14px;line-height:1.7}.generation-status-copy>.generation-photo-detail{color:var(--rap-accent-ink,#ac4211);font-weight:600}.generation-steps{justify-content:space-between;gap:10px;margin:26px 0;padding:0;list-style:none;display:flex}.generation-steps li{min-width:0;color:var(--rap-muted,#716e68);flex-direction:column;flex:1;gap:8px;font-size:11px;line-height:1.4;display:flex;position:relative}.generation-steps li:not(:last-child):after{content:"";background:var(--rap-surface-border,#d8d5cf);height:1px;position:absolute;top:12px;left:32px;right:0}.generation-steps li>span{border:1px solid var(--rap-surface-border,#d8d5cf);border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.generation-steps li[data-state=current]{color:var(--rap-accent-ink,#ac4211);font-weight:650}.generation-steps li[data-state=current]>span{background:var(--rap-surface-tint,#fff2e7);border-color:currentColor}.generation-steps li[data-state=done]>span{color:#fffdf9;background:var(--rap-accent-ink,#ac4211);border-color:var(--rap-accent-ink,#ac4211)}.generation-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.generation-primary,.generation-secondary{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.generation-primary{color:#251b13;background:#f36b25;border-color:#d85616;box-shadow:0 2px #c74f18}.generation-primary:hover{background:#ff7a35}.generation-secondary{color:var(--rap-ink,#292722);border-color:var(--rap-surface-border,#d8d5cf);background:0 0}.generation-secondary:hover{background:var(--rap-surface-tint,#fff2e7)}.generation-actions :focus-visible{outline:2px solid var(--rap-accent-ink,#ac4211);outline-offset:4px}.generation-actions button:disabled{opacity:.6;cursor:wait}.generation-leave-note,.generation-slow-note{color:var(--rap-muted,#716e68);margin:16px 0 0;font-size:12px;line-height:1.7}.generation-error{color:#942c19;overflow-wrap:anywhere;background:#fff0e9;border-radius:10px;margin:16px 0 0;padding:12px;font-size:13px;line-height:1.6}.generation-spinner{animation:1.4s linear infinite generation-spin}@keyframes generation-spin{to{transform:rotate(360deg)}}@media (width<=700px){.generation-progress{border-radius:18px}.generation-progress-top{padding:16px 20px}.generation-progress-body{grid-template-columns:minmax(0,1fr)}.generation-project{border-right:0;border-bottom:1px solid var(--rap-surface-border,#d8d5cf);padding:20px}.generation-portraits figure{height:165px}.generation-portraits{gap:8px}.generation-placeholder{min-height:110px}.generation-status{padding:24px 20px}.generation-status-symbol{width:40px;height:40px;margin-bottom:14px}.generation-steps{margin:22px 0}.generation-summary{padding-top:14px}}@media (prefers-reduced-motion:reduce){.generation-spinner{animation:none}}
