#modal.is-generating{width:760px;max-width:calc(100vw - 32px);background:#ffffffed;backdrop-filter:blur(30px) saturate(145%);border:1px solid #fff;border-radius:24px;overflow:auto}#modal.is-generating>.modal-heading,#modal.is-generating>.modal-content,#modal.is-generating>.modal-footer{display:none}.generation-scene{position:relative;padding:56px 40px 30px;text-align:center;color:#142d50}.generation-scene h2{font-size:27px;font-weight:650;line-height:1.5;letter-spacing:-.035em}.generation-close{position:absolute;right:18px;top:15px;border:0;background:transparent;color:#142d50;font-size:29px;font-weight:300;line-height:1;cursor:pointer}.generation-theatre{height:220px;display:flex;justify-content:center;align-items:center;position:relative;gap:65px;margin:24px 0 10px}.generation-theatre:before{content:'';position:absolute;inset:20px 0;background:radial-gradient(ellipse,#d9eaff9e,transparent 65%);z-index:-1}.paper-stack{position:relative;width:150px;height:145px;perspective:800px}.paper{display:block;background:#fff;border:1px solid #e3eeff;box-shadow:0 16px 35px #3b82f62b;border-radius:7px}.paper-stack>.paper{position:absolute;width:92px;height:132px;top:10px;left:20px;transform:rotate(-12deg);animation:paper-float 4s ease-in-out infinite}.paper-stack>.sheet-one{left:-15px;top:22px;rotate:-7deg;animation-delay:-1s}.paper-stack>.sheet-two{left:35px;top:0;rotate:8deg}.paper-stack>.sheet-three{left:80px;top:20px;rotate:23deg;animation-delay:-2s}.paper-stack>.paper:before,.paper-stack>.paper:after{content:'';display:block;margin:21px 14px 0;height:5px;border-radius:4px;background:#8bb5ff;box-shadow:0 13px #c6d9f7,0 26px #dce7f8,0 39px #c6d9f7,0 52px #dce7f8,0 65px #dce7f8}.paper-stack>.paper:after{margin:0;box-shadow:none;width:12px;height:12px;border-radius:50%;position:absolute;left:14px;top:12px;background:#c4dafe}.paper-path{position:absolute;width:92px;left:calc(50% - 49px);top:50%;border-top:2px dashed #9bbfff;rotate:-5deg}.paper-path>i{display:block;position:absolute;top:-5px;width:9px;height:9px;background:#377eff;border-radius:50%;box-shadow:0 0 15px #468fff;animation:paper-travel 2.8s ease-in-out infinite}.website-sheet{width:170px;height:142px;rotate:5deg;padding:22px 12px 10px;position:relative;animation:website-float 4s ease-in-out infinite}.website-sheet:before{content:'';position:absolute;top:9px;left:13px;width:4px;height:4px;background:#6196f3;border-radius:50%;box-shadow:8px 0 #94b8fc,16px 0 #bdd4fb}.website-sheet>div{height:52px;background:linear-gradient(125deg,#eff6ff 40%,#6c9cf0 41%,#c1d9ff 78%);margin-bottom:12px}.website-sheet>i{display:block;width:65%;height:4px;border-radius:3px;background:#b7d1fa;margin-top:8px}.website-sheet>i:last-child{width:90%;background:#dbe7fa}.is-resume .website-sheet{width:110px;height:145px}.is-resume .website-sheet>div{height:10px;margin-bottom:25px;width:65%;background:#74a2ee}.is-resume .website-sheet>i{box-shadow:0 15px #dbe7fa,0 30px #dbe7fa}.generation-live h3{font-size:21px;line-height:1.5;font-weight:600}.generation-live p{font-size:14px;line-height:1.9;color:#7083a1;margin:8px 0 0}.generation-steps{display:flex;list-style:none;gap:0;padding:0;margin:30px auto 17px;max-width:550px}.generation-steps>li{flex:1;position:relative;font-size:13px;color:#8a9bb5}.stage-dot{display:block;width:20px;height:20px;border:2px solid #adbcd1;border-radius:50%;background:#fff;margin:0 auto 11px;position:relative;z-index:1}.generation-steps>li:not(:last-child):after{content:'';position:absolute;top:10px;left:calc(50% + 17px);right:calc(-50% + 17px);border-top:1px dashed #c5d6ee}.generation-steps>li[data-state=done]{color:#334e75}.generation-steps>li[data-state=done] .stage-dot{background:#2563eb;border-color:#2563eb}.generation-steps>li[data-state=done] .stage-dot:after{content:'';display:block;position:absolute;width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;rotate:-45deg;top:5px;left:4px}.generation-steps>li[data-state=done]:after{border-style:solid;border-color:#8db3ff}.generation-steps>li[data-state=active]{color:#163f79;font-weight:600}.generation-steps>li[data-state=active] .stage-dot{background:#4a87fa;border:3px solid #fff;outline:2px solid #83adff;box-shadow:0 0 0 5px #e9f1ff;animation:stage-pulse 2s ease-in-out infinite}.generation-summary{font-size:12px;color:#7d8fa9;min-height:20px;margin:0 0 22px}.generation-meta{display:flex;gap:16px;justify-content:space-between;border-top:1px solid #e7eef8;padding-top:17px;color:#7d8fa9;font-size:12px;line-height:1.8}.generation-cancel{font-size:13px;margin:22px auto 0;min-width:170px}.generation-scene :focus-visible{outline:3px solid #74a6ff;outline-offset:4px}.generation-scene[data-phase=save] .paper-stack{opacity:.65}.generation-scene[data-phase=save] .website-sheet{box-shadow:0 12px 40px #3b82f64a}
@keyframes paper-float{50%{transform:translateY(-8px) rotate(-9deg)}}@keyframes website-float{50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes paper-travel{0%{translate:0;opacity:0}20%{opacity:1}85%{opacity:1}100%{translate:83px;opacity:0}}@keyframes stage-pulse{50%{box-shadow:0 0 0 8px #e9f1ff}}
@media(max-width:600px){.generation-scene{padding:52px 20px 25px}.generation-scene h2{font-size:22px}.generation-theatre{height:180px;gap:46px;scale:.85;margin:8px -20px 0}.generation-live h3{font-size:18px}.generation-live p{font-size:13px}.generation-steps{margin-top:26px}.generation-steps>li{font-size:12px}.generation-meta{display:block}.generation-meta>span{display:block}.generation-meta>span+span{margin-top:5px}.generation-close{right:13px;top:12px}}
@media(prefers-reduced-motion:reduce){.generation-scene *{animation:none!important}.paper-path>i{left:40px}}