.diyai-generation-progress{box-sizing:border-box;font-family:system-ui,sans-serif;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #dce5dc;border-radius:24px;background:#f7f9f5;color:#17372b;box-shadow:0 24px 100px #072c2440;overflow:auto}.diyai-generation-progress::backdrop{background:#092c2377;backdrop-filter:blur(5px)}.gp-card{padding:clamp(24px,5vw,44px);text-align:center}.gp-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#547064}.gp-card h2{font:600 clamp(25px,5vw,34px)/1.2 system-ui;margin:24px 0 14px;color:#17372b}.gp-state{min-height:48px;line-height:1.6}.gp-art{position:relative;width:112px;height:96px;margin:24px auto}.gp-art span{position:absolute;inset:10px;border-radius:22px;background:linear-gradient(145deg,#a0e8bc,#246346);transform:rotate(-15deg);animation:gp-breathe 3s ease-in-out infinite}.gp-art span:nth-child(2){transform:rotate(12deg);opacity:.5;animation-delay:-1s}.gp-art span:nth-child(3){inset:28px;background:#f3faf3;border-radius:50%;opacity:.9;animation-delay:-2s}.gp-track{height:6px;border-radius:6px;overflow:hidden;background:#dfe8dd;margin:24px 0 16px}.gp-track span{display:block;height:100%;background:#236347;border-radius:6px;transition:width 1s linear}.gp-indeterminate{animation:gp-slide 2.3s ease-in-out infinite}.gp-time{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.gp-estimate,.gp-help{font-size:13px;line-height:1.6;color:#547064}.gp-card button{display:block;width:100%;min-height:46px;margin-top:16px;padding:12px 18px;border:1px solid #b8cbbb;border-radius:12px;font:600 14px system-ui;cursor:pointer}.gp-view{background:#205a43;color:white}.gp-dismiss{background:white;color:#205a43}.gp-card button:focus-visible,.diyai-generation-dock:focus-visible{outline:3px solid #c58735;outline-offset:3px}.gp-card button[hidden],.diyai-generation-dock[hidden]{display:none}.diyai-generation-dock{position:fixed;z-index:9990;right:18px;bottom:calc(20px + env(safe-area-inset-bottom));max-width:calc(100vw - 36px);padding:16px 20px;border:1px solid #bad2bc;border-radius:16px;background:#205a43;color:white;box-shadow:0 8px 35px #072c2430;cursor:pointer;font:600 14px system-ui}.diyai-generation-progress[data-status=finished] .gp-art span{animation:none}@keyframes gp-breathe{50%{translate:0 -8px;filter:brightness(1.1)}}@keyframes gp-slide{0%,100%{translate:-100%}50%{translate:330%}}@media(prefers-reduced-motion:reduce){.gp-art span,.gp-indeterminate{animation:none!important}.gp-track span{transition:none}}@media(max-width:600px){.diyai-generation-dock{bottom:calc(82px + env(safe-area-inset-bottom))}}