.resume-select-overlay,.generation-overlay{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:22px;background:rgba(15,13,22,.56);backdrop-filter:blur(10px)}
.resume-select-overlay[hidden],.generation-overlay[hidden]{display:none}
.resume-select-backdrop{position:absolute;inset:0}
.resume-select-modal{position:relative;width:min(100%,650px);max-height:calc(100vh - 32px);padding:34px;overflow-y:auto;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:var(--paper);box-shadow:0 30px 90px rgba(12,9,26,.34);animation:resumeModalIn .26s cubic-bezier(.2,.9,.2,1)}
.resume-select-modal>.modal-close{position:absolute;top:20px;right:20px}.resume-select-modal>.eyebrow{margin:0 0 10px}.resume-select-modal h2{margin:0;font-size:clamp(30px,4vw,42px);letter-spacing:-.08em}.resume-select-intro{max-width:465px;margin:14px 0 24px;color:var(--muted);font-size:14px;line-height:1.7}
.draft-options{display:grid;gap:9px;max-height:min(44vh,355px);overflow:auto;padding:4px}.draft-options[hidden],.draft-options-empty[hidden]{display:none!important}.draft-option{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;width:100%;padding:16px 17px;border:1px solid #e1dce8;border-radius:14px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.draft-option:hover,.draft-option:focus-visible{border-color:#9c84ff;box-shadow:0 10px 23px rgba(88,60,168,.1);outline:0;transform:translateY(-1px)}.draft-option.is-selected{border-color:var(--purple);box-shadow:0 0 0 3px rgba(120,86,246,.12)}.draft-option-mark{align-self:center;padding:4px 7px;border-radius:999px;background:var(--lav);color:var(--purple);font:10px var(--mono);letter-spacing:.04em}.draft-option strong{font-size:15px;letter-spacing:-.03em}.draft-option small{grid-column:2;color:var(--muted);font-size:12px;line-height:1.55}
.draft-create-action{display:flex;align-items:center;justify-content:center;margin-top:12px;padding:12px;border:1px dashed #b8a8eb;border-radius:12px;background:#faf8ff;color:var(--purple);font-size:13px;font-weight:800;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}.draft-create-action[hidden]{display:none}.draft-create-action:hover,.draft-create-action:focus-visible{border-color:var(--purple);background:var(--lav);outline:0;transform:translateY(-1px)}
.draft-options-empty{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 13px;padding:22px;border:1px dashed rgba(23,21,31,.22);border-radius:15px}.draft-options-empty span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--lav);color:var(--purple)}.draft-options-empty p{margin:0;color:var(--muted);font-size:14px}.draft-options-empty a{grid-column:2;color:var(--ink);font-size:13px;font-weight:800;text-decoration:none}.draft-options-empty i{color:var(--purple);font-style:normal}.resume-select-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.resume-select-footer .button{min-width:116px}
.resume-select-footer .button:disabled{background:#d7d5dc;color:#fff;cursor:not-allowed;opacity:1;transform:none;box-shadow:none}
.generation-modal{position:relative;display:grid;justify-items:center;width:min(100%,480px);padding:50px 36px;border:1px solid rgba(255,255,255,.74);border-radius:24px;background:var(--paper);box-shadow:0 30px 90px rgba(12,9,26,.34);text-align:center;animation:resumeModalIn .26s cubic-bezier(.2,.9,.2,1)}.generation-modal>.modal-close{position:absolute;top:18px;right:18px}.generation-orbit{position:relative;display:grid;place-items:center;width:104px;height:104px;margin-bottom:24px;border:1px solid rgba(120,86,246,.18);border-radius:50%;background:radial-gradient(circle,#f7f4ff 0 46%,transparent 47%)}.generation-orbit:before,.generation-orbit:after,.generation-orbit i{position:absolute;content:"";border:1px solid rgba(120,86,246,.4);border-radius:50%}.generation-orbit:before{inset:11px}.generation-orbit:after{inset:-10px;border-style:dashed;animation:orbitSpin 3.2s linear infinite}.generation-orbit i:first-child{width:10px;height:10px;border:0;background:var(--purple);box-shadow:0 0 0 6px rgba(120,86,246,.12);animation:orbitDot 2.1s linear infinite}.generation-orbit i:nth-child(2){width:6px;height:6px;border:0;background:#c2b2ff;animation:orbitDot 2.1s linear -1.05s infinite}.generation-orbit b{position:relative;color:var(--purple);font:800 19px var(--mono);letter-spacing:-.1em}.generation-modal .eyebrow{margin:0 0 10px}.generation-modal h2{margin:0 0 10px;font-size:31px;letter-spacing:-.07em}.generation-hint{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.6}
.generation-steps{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin:0;padding:0;list-style:none}.generation-steps li{position:relative;padding-top:22px;color:#aba4b2;font-size:11px;line-height:1.4}.generation-steps li:before{position:absolute;top:0;left:50%;width:8px;height:8px;border:2px solid #d5cfe0;border-radius:50%;background:#fff;content:"";transform:translateX(-50%);transition:background .2s,border-color .2s,box-shadow .2s}.generation-steps li:not(:last-child):after{position:absolute;top:5px;left:calc(50% + 7px);width:calc(100% - 14px);height:1px;background:#e0dbe7;content:""}.generation-steps li.is-active{color:var(--ink);font-weight:700}.generation-steps li.is-active:before{border-color:var(--purple);background:var(--purple);box-shadow:0 0 0 4px rgba(120,86,246,.12)}
.generation-toast{position:fixed;z-index:80;left:50%;bottom:28px;max-width:calc(100vw - 32px);padding:11px 15px;border:1px solid #ded9e8;border-radius:10px;background:#292632;color:#fff;font:600 13px var(--sans);box-shadow:0 12px 30px rgba(30,24,46,.22);opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:opacity .18s ease,transform .18s ease}.generation-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@keyframes resumeModalIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes orbitDot{from{transform:rotate(0deg) translateX(47px) rotate(0deg)}to{transform:rotate(360deg) translateX(47px) rotate(-360deg)}}
@media(max-width:560px){.resume-select-overlay,.generation-overlay{padding:12px}.resume-select-modal{padding:28px 20px 20px;border-radius:18px}.resume-select-modal>.modal-close{top:14px;right:14px}.resume-select-modal h2{padding-right:34px;font-size:30px}.resume-select-footer .button{flex:1;min-width:0}.generation-modal{padding:42px 20px;border-radius:19px}.generation-modal>.modal-close{top:14px;right:14px}.generation-modal h2{font-size:28px}.generation-steps li{font-size:10px}}
@media(prefers-reduced-motion:reduce){.resume-select-modal,.generation-modal,.generation-orbit:after,.generation-orbit i{animation:none!important}}