.btn-group{display:inline-flex;gap:.5rem}#generatePageBtn,#generateUpdatedPagesBtn,.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .875rem;font-size:.875rem;font-weight:500;line-height:1.25rem;color:#fff;background-image:linear-gradient(to bottom,var(--color-primary, #2e80e8) 0%,var(--color-primary-dark, #1a6cd6) 100%);border:1px solid var(--color-primary-border, #1860c2);border-radius:.375rem;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #00000014;cursor:pointer;transition:filter .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}#generatePageBtn:hover,#generateUpdatedPagesBtn:hover,.btn-primary:hover{filter:brightness(1.05)}#generatePageBtn:active,#generateUpdatedPagesBtn:active,.btn-primary:active{filter:brightness(.95);box-shadow:inset 0 1px 2px #00000026}#generatePageBtn:focus-visible,#generateUpdatedPagesBtn:focus-visible,.btn-primary:focus-visible{outline:2px solid var(--color-primary, #2e80e8);outline-offset:2px}.text-primary{--tw-text-opacity: 1;color:rgb(67 169 255 / var(--tw-text-opacity))}#generationStatus{transition:all .3s ease}.status-loading,.status-idle,.status-completed,.status-error{transition:opacity .3s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.status-border{border-color:#e5e7eb}.status-bg{background-color:#f3f4f6}.status-success{color:#16a34a}.status-danger{color:#dc2626}.status-text{color:#666}.dark .status-border{border-color:#374151}.dark .status-bg{background-color:#1f2937}.dark .status-success{color:#4ade80}.dark .status-danger{color:#f87171}.dark .status-text{color:#aaa}.dark .status-idle,.dark .status-loading{color:#e5e7eb}.flex{display:flex}.items-center{align-items:center}