.ai-generator{flex-direction:column;height:100%;display:flex;overflow:hidden}.ai-generator__header{background:0 0;border-bottom:1px solid #2a2a2a;flex-shrink:0;justify-content:space-between;align-items:center;height:3.5rem;padding:1rem 2rem;display:flex;position:relative}.ai-generator__back-button{color:#a0a0a0;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s ease-out;display:flex}.ai-generator__back-button:hover{color:#fff;background:#202020;border-color:#404040}.ai-generator__new-theme{color:#a0a0a0;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2a2a2a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s ease-out;display:flex;position:absolute;left:50%;transform:translate(-50%)}.ai-generator__new-theme:hover{color:#fff;background:#1a1a1a;border-color:#404040}.ai-generator__new-theme--confirming{color:#fff;background:#ef4444;border-color:#ef4444;animation:1s ease-in-out infinite pulse-warning}.ai-generator__new-theme--confirming:hover{color:#fff;background:#dc2626;border-color:#dc2626}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.8}}.ai-generator__keyboard-controls{justify-content:flex-end;margin-bottom:.5rem;padding:0 1rem;display:flex}.ai-generator__pause-btn{color:#a0a0a0;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s ease-out;display:flex}.ai-generator__pause-btn:hover{color:#fff;background:#202020;border-color:#fff}.ai-generator__pause-btn--paused{color:#fff;background:#ffffff0d;border-color:#fff}.ai-generator__title{color:#fff;margin:0 0 0 auto;font-size:1.75rem;font-weight:700}.ai-generator__save-status{border-radius:4px;padding:.5rem 1rem;font-size:.875rem}.ai-generator__save-status--saving{color:#a0a0a0;background:#141414}.ai-generator__save-status--saved{color:#10b981;background:#10b9811a}.ai-generator__save-status--error{color:#ef4444;background:#ef44441a}.ai-generator__copy-toast{color:#0a0a0a;z-index:9999;pointer-events:none;background:#fff;border-radius:4px;padding:1rem 2rem;font-size:.875rem;font-weight:700;animation:.3s ease-out slideInRight,.3s ease-in 1.7s fadeOut;position:fixed;top:25%;right:2rem;box-shadow:0 4px 12px #0000004d}.ai-generator__content{flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:1rem 2rem;display:flex;overflow:hidden}.ai-generator__keyboard-section{flex-grow:0;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;width:100%;height:auto;min-height:0;padding:0;display:flex;overflow:visible}.ai-generator__info-grid{flex:1;grid-template-columns:2fr 1.5fr 1.5fr;gap:1rem;min-height:0;display:grid;overflow:hidden}.ai-generator__chat-column{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;flex-direction:column;height:100%;display:flex;overflow:hidden}.ai-generator__messages{flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:1rem;display:flex;overflow:hidden auto}.ai-generator__messages::-webkit-scrollbar{width:8px}.ai-generator__messages::-webkit-scrollbar-track{background:#141414;border-radius:4px}.ai-generator__messages::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.ai-generator__messages::-webkit-scrollbar-thumb:hover{background:#fff}.ai-generator__welcome{text-align:center;padding:1rem}.ai-generator__welcome h2{color:#fff;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.ai-generator__welcome p{color:#a0a0a0;margin:0 0 1rem;font-size:.875rem;line-height:1.5}.ai-generator__login-hint{opacity:.7;font-style:italic;color:#a0a0a0!important;margin-top:.5rem!important;font-size:.6875rem!important}.ai-generator__starter-prompts{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.ai-generator__starter-prompts button{color:#a0a0a0;text-align:left;cursor:pointer;background:#141414;border:1px solid #2a2a2a;border-radius:4px;padding:.5rem 1rem;font-size:.75rem;transition:all .2s ease-out}.ai-generator__starter-prompts button:hover{color:#fff;background:#202020;border-color:#404040}.ai-generator__loading{color:#a0a0a0;background:#141414;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;display:flex}.ai-generator__spinner{animation:1s linear infinite spin}.ai-generator__input{background:#141414;border-top:1px solid #2a2a2a;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.ai-generator__refinement-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.ai-generator__refinement-buttons button{color:#a0a0a0;cursor:pointer;white-space:nowrap;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;padding:.5rem 1rem;font-size:.75rem;transition:all .2s ease-out}.ai-generator__refinement-buttons button:hover:not(:disabled){color:#fff;background:#202020;border-color:#404040}.ai-generator__refinement-buttons button:disabled{opacity:.5;cursor:not-allowed}.ai-generator__message{border-radius:4px;max-width:85%;padding:1rem}.ai-generator__message--user{color:#0a0a0a;background:#fff;align-self:flex-end;margin-left:auto}.ai-generator__message--assistant{color:#a0a0a0;background:#141414;border:1px solid #2a2a2a;align-self:flex-start}.ai-generator__message-content{word-wrap:break-word;margin:0;font-size:.875rem;line-height:1.6}.ai-generator__message-timestamp{opacity:.6;margin-top:.5rem;font-size:.6875rem}.ai-generator__colors-column{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;height:100%;padding:1rem;overflow-y:auto}.ai-generator__colors-column::-webkit-scrollbar{width:8px;height:8px}.ai-generator__colors-column::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.ai-generator__colors-column::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.ai-generator__colors-column::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.ai-generator__colors-column{scrollbar-width:thin;scrollbar-color:#404040 #1a1a1a;flex-direction:column;gap:1rem;min-width:0;padding-bottom:5rem;display:flex}.ai-generator__colors-column h2{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-bottom:1px solid #2a2a2a;margin:0;padding-bottom:.5rem;font-size:.875rem;font-weight:700}.ai-generator__colors{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem 0;display:grid}.ai-generator__color-item{text-align:center;flex-direction:column;gap:.5rem;display:flex}.ai-generator__color-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #2a2a2a;border-radius:4px;width:100%;transition:all .2s ease-out;box-shadow:0 2px 4px #0003}.ai-generator__color-swatch:hover{border-color:#fff;transform:translateY(-2px)scale(1.05);box-shadow:0 4px 8px #0000004d}.ai-generator__color-swatch:active{transform:translateY(0)scale(.98)}.ai-generator__color-code{color:#a0a0a0;cursor:pointer;background:#141414;border-radius:4px;padding:2px 4px;font-family:Monaco,Courier New,monospace;font-size:.625rem;font-weight:600;transition:all .2s ease-out}.ai-generator__color-code:hover{color:#fff;background:#2a2a2a}.ai-generator__setup-column{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;height:100%;padding:1rem;overflow-y:auto}.ai-generator__setup-column::-webkit-scrollbar{width:8px;height:8px}.ai-generator__setup-column::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.ai-generator__setup-column::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.ai-generator__setup-column::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.ai-generator__setup-column{scrollbar-width:thin;scrollbar-color:#404040 #1a1a1a;flex-direction:column;gap:1rem;min-width:0;padding-bottom:5rem;display:flex}.ai-generator__setup-header{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.ai-generator__setup-header h2{text-transform:uppercase;letter-spacing:.05em;color:#fff;margin:0;font-size:.875rem;font-weight:700}.ai-generator__actions{align-items:center;gap:.5rem;display:flex}.ai-generator__favorite{color:#a0a0a0;cursor:pointer;background:#141414;border:1px solid #2a2a2a;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:.5rem;transition:all .2s ease-out;display:flex}.ai-generator__favorite:hover:not(:disabled){color:#fff;background:#202020;border-color:#404040}.ai-generator__favorite:hover:not(:disabled) svg{transform:scale(1.1)}.ai-generator__favorite--active{color:#0a0a0a;background:#fff;border-color:#fff}.ai-generator__favorite--active:hover:not(:disabled){background:#ffffffe6;border-color:#fff}.ai-generator__favorite:disabled{opacity:.5;cursor:not-allowed}.ai-generator__favorite svg{transition:transform .2s ease-out}.ai-generator__preview{color:#a0a0a0;cursor:pointer;background:#141414;border:1px solid #2a2a2a;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:.5rem;transition:all .2s ease-out;display:flex}.ai-generator__preview:hover{color:#fff;background:#202020;border-color:#404040}.ai-generator__preview:hover svg{transform:scale(1.1)}.ai-generator__preview svg{transition:transform .2s ease-out}.ai-generator__download{color:#0a0a0a;cursor:pointer;background:#fff;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s ease-out;display:flex}.ai-generator__download:hover{background:#ffffffe6}.ai-generator__steps{counter-reset:step-counter;flex-direction:column;gap:1rem;margin:0;padding:.5rem 0 0;list-style:none;display:flex}.ai-generator__steps li{counter-increment:step-counter;color:#a0a0a0;padding-top:2px;padding-left:32px;font-size:.875rem;line-height:1.6;position:relative}.ai-generator__steps li:before{content:counter(step-counter);color:#0a0a0a;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6875rem;font-weight:700;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px 4px #0003}.ai-generator__empty-state{text-align:center;flex:1;justify-content:center;align-items:center;padding:4rem;display:flex}.ai-generator__empty-state p{color:#a0a0a0;opacity:.6;margin:0;font-size:.875rem}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.refinement-buttons{margin-bottom:0}.refinement-buttons__grid{flex-wrap:wrap;gap:.5rem;display:flex}.refinement-buttons__button{color:#a0a0a0;cursor:pointer;white-space:nowrap;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-family:Manrope,Inter,Helvetica,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.6875rem;font-weight:600;transition:all .2s ease-out;display:flex}.refinement-buttons__button:hover:not(:disabled){color:#fff;background:#202020;border-color:#404040;transform:translateY(-1px)}.refinement-buttons__button:disabled{opacity:.4;cursor:not-allowed}.refinement-buttons__button svg{flex-shrink:0}
.starter-prompts{margin-top:1rem}.starter-prompts__title{color:#a0a0a0;opacity:.8;margin:0 0 .5rem;font-size:.75rem}.starter-prompts__grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.starter-prompts__card{cursor:pointer;text-align:left;background:#141414;border:1px solid #2a2a2a;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;font-family:Manrope,Inter,Helvetica,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease-out;display:flex}.starter-prompts__card:hover{background:#202020;border-color:#404040;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.starter-prompts__icon{color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 2px 4px #0003}.starter-prompts__label{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.75rem;font-weight:600;overflow:hidden}