@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Quicksand:wght@400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#fff8e1;font-family:Quicksand,system-ui,sans-serif;color:#5d4954;min-height:100vh;padding:20px}.app-container{max-width:900px;margin:0 auto;position:relative}.cloud-badge{position:absolute;top:0;right:0;background:#ffd3e0;padding:4px 12px;border-radius:30px 12px;font-size:13px;font-weight:600;color:#8b7783;box-shadow:0 2px 8px #ff6b9d26;display:flex;align-items:center;gap:4px;z-index:10}.app-title{font-family:Caveat,cursive;font-size:36px;font-weight:700;color:#5d4954;text-align:center;margin-bottom:4px;transform:rotate(-1deg);text-shadow:0 2px 4px rgba(255,107,157,.1)}.app-subtitle{text-align:center;color:#8b7783;font-size:16px;margin-bottom:24px}.history-bar{background:#fff;border-radius:30px 12px;padding:8px 16px;margin-bottom:20px;box-shadow:0 4px 12px #ff6b9d1a;display:flex;align-items:center;gap:12px;overflow-x:auto}.history-header{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#8b7783;white-space:nowrap}.history-scroll{display:flex;gap:8px;overflow-x:auto;flex:1}.history-chip{background:#e5deff;border:none;padding:4px 14px;border-radius:30px 12px;font-size:13px;font-family:Quicksand,sans-serif;color:#5d4954;cursor:pointer;white-space:nowrap;transition:all .2s}.history-chip:hover{background:#ffd3e0;transform:rotate(-1deg)}.start-view,.generating-view,.result-view{width:100%}.input-area{position:relative;display:flex;flex-direction:column;gap:12px;max-width:500px;margin:0 auto 20px}.keyword-input{width:100%;padding:14px 40px 14px 16px;background:#fff;border:2px solid #FFD3E0;border-radius:30px 12px;font-family:Quicksand,sans-serif;font-size:16px;color:#5d4954;resize:none;outline:none;transition:border-color .3s;box-shadow:0 4px 12px #ff6b9d14}.keyword-input:focus{border-color:#ff6b9d}.clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#8b7783;cursor:pointer;padding:4px}.generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#ff6b9d;border:none;border-radius:30px 12px;font-family:Caveat,cursive;font-size:22px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ff6b9d4d}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.example-section{margin-top:30px}.example-label{display:flex;align-items:center;gap:6px;font-family:Caveat,cursive;font-size:22px;font-weight:700;color:#8b7783;margin-bottom:16px;transform:rotate(-1deg)}.idea-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.idea-card{border-radius:30px 12px;padding:16px;box-shadow:0 4px 12px #ff6b9d1a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.idea-card:hover{transform:rotate(-1deg) scale(1.02);box-shadow:0 8px 24px #ff6b9d33}.idea-image{width:100%;height:150px;border-radius:20px 8px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;position:relative}.idea-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{font-size:48px;opacity:.6}.image-overlay{position:absolute;bottom:4px;right:4px;background:#fffc;padding:2px 8px;border-radius:12px 4px;font-size:11px;color:#8b7783}.idea-title{font-family:Caveat,cursive;font-size:20px;font-weight:700;color:#5d4954;transform:rotate(-1deg)}.idea-desc{font-size:14px;line-height:1.5;color:#8b7783;flex:1}.idea-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#fff9;padding:2px 10px;border-radius:20px 6px;font-size:12px;color:#5d4954;font-weight:600}.idea-actions{display:flex;gap:8px;justify-content:flex-end;border-top:1px dashed #E5DEFF;padding-top:8px}.action-btn{background:none;border:none;cursor:pointer;padding:4px;color:#8b7783;transition:color .2s,transform .2s;border-radius:50%}.action-btn:hover{color:#ff6b9d;transform:scale(1.15)}.action-btn.fav.active{color:#ff6b9d}.generating-view{display:flex;justify-content:center;align-items:center;min-height:300px}.spinner-box{text-align:center}.brain-spin{animation:spin 2s linear infinite;color:#ff6b9d;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generating-text{font-family:Caveat,cursive;font-size:24px;color:#5d4954}.dots{display:flex;justify-content:center;gap:8px;margin-top:8px}.dots span{width:12px;height:12px;background:#ff6b9d;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dots span:nth-child(1){animation-delay:-.32s}.dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.result-view{min-height:300px}.result-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:8px 16px;background:#fff;border-radius:30px 12px;box-shadow:0 2px 8px #ff6b9d1a}.idea-count{font-family:Caveat,cursive;font-size:20px;font-weight:700;color:#8b7783;flex:1}.regenerate-btn,.back-btn{display:flex;align-items:center;gap:4px;background:#ffd3e0;border:none;padding:6px 14px;border-radius:30px 12px;font-family:Quicksand,sans-serif;font-size:14px;font-weight:600;color:#5d4954;cursor:pointer;transition:all .2s}.regenerate-btn:hover,.back-btn:hover{background:#ff6b9d;color:#fff}.back-btn{background:#e5deff}.back-btn:hover{background:#8b7783;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:#8b7783}.deco-svg{position:absolute;pointer-events:none}@media (max-width: 600px){.idea-grid{grid-template-columns:1fr}.history-bar{flex-direction:column;align-items:stretch}}