.generate-blog-post-button{display:flex;justify-content:flex-end;gap:8px;margin-bottom:1rem;button{margin:0;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;gap:6px}}.generate-blog-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.generate-blog-modal{background:var(--theme-elevation-0);border-radius:var(--style-radius-m);box-shadow:0 20px 40px rgba(0,0,0,.3);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.generate-blog-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--theme-elevation-100);h2{margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--theme-elevation-800)}}.generate-blog-modal__close{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:var(--style-radius-s);color:var(--theme-elevation-500);transition:all .15s ease;&:hover{background:var(--theme-elevation-100);color:var(--theme-elevation-800)}&:disabled{opacity:.5;cursor:not-allowed}}.generate-blog-modal__content{padding:1.5rem;flex:1 1;overflow-y:auto;label{display:block;font-weight:500;margin-bottom:.75rem;color:var(--theme-elevation-700)}textarea{width:100%;padding:.875rem;border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);font-family:inherit;font-size:.9375rem;line-height:1.5;resize:vertical;min-height:140px;background:var(--theme-elevation-50);color:var(--theme-elevation-800);transition:border-color .15s ease,box-shadow .15s ease;&::placeholder{color:var(--theme-elevation-400)}&:focus{outline:none;border-color:var(--theme-success-500);box-shadow:0 0 0 3px rgba(16,185,129,.1)}&:disabled{opacity:.6;cursor:not-allowed}}}.generate-blog-modal__hint{margin-top:.75rem;font-size:.8125rem;color:var(--theme-elevation-500);line-height:1.5}.generate-blog-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:1.25rem 1.5rem;border-top:1px solid var(--theme-elevation-100);background:var(--theme-elevation-50);button{margin:0;display:flex;align-items:center;gap:6px}}@media (max-width:640px){.generate-blog-modal{max-width:100%;margin:.5rem}.generate-blog-modal__content,.generate-blog-modal__footer,.generate-blog-modal__header{padding:1rem}.generate-blog-modal__footer{flex-direction:column;button{width:100%;justify-content:center}}}