*{box-sizing:border-box}body{margin:0;padding:0;background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.image-uploader{border:2px dashed #404040;border-radius:16px;padding:48px 24px;text-align:center;transition:all .3s ease;background:#ffffff05}.image-uploader:hover{border-color:#606060;background:#ffffff0a}.image-uploader__input{display:none}.image-uploader__label{cursor:pointer;display:block}.image-uploader__content{display:flex;flex-direction:column;align-items:center;gap:12px}.image-uploader__icon{font-size:48px;opacity:.6}.image-uploader__text{color:#ccc;font-size:18px;font-weight:500;margin:0}.image-uploader__subtext{color:#888;font-size:14px;margin:0}.image-preview{position:relative;display:inline-block}.image-preview__img{border-radius:12px;max-height:300px;max-width:100%;box-shadow:0 8px 32px #0000004d}.image-preview__remove{position:absolute;top:12px;right:12px;background:#000c;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.image-preview__remove:hover{background:#000000e6;transform:scale(1.1)}.section-separator{text-align:center;margin-top:-10px}.text-input-area{border:2px dashed #404040;width:100%;padding:12px 16px;border-radius:12px;background:#1a1a1a;color:#fff;font-size:14px;resize:vertical;min-height:80px}.vibe-selector{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.vibe-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:25px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.vibe-btn--active{background:#fff;color:#000;border-color:#fff}.vibe-btn--active:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 4px 12px #fff3}.vibe-btn--inactive{background:#ffffff14;color:#ccc;border-color:#ffffff1a}.vibe-btn--inactive:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.vibe-btn__emoji{font-size:16px}.vibe-btn__label{font-weight:500}.caption-results{display:flex;flex-direction:column;gap:16px}.caption-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;transition:all .2s ease}.caption-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.caption-card__text{color:#e0e0e0;font-size:15px;line-height:1.5;margin:0;flex:1}.caption-card__copy{background:#ffffff1a;color:#ccc;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.caption-card__copy:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.caption-card__copy--copied{background:#22c55e;color:#fff;border-color:#22c55e}.app-container{min-height:100vh;padding:5px 25px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.app-content{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.app-title{font-size:32px;font-weight:600;text-align:center;color:#fff;margin-bottom:8px;letter-spacing:-.5px}.generate-btn{width:100%;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.generate-btn--active{background:#fff;color:#000}.generate-btn--active:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}.generate-btn--disabled{background:#2a2a2a;color:#666;cursor:not-allowed}.text-input-section{display:flex;flex-direction:column;gap:8px}.text-input-label{color:#ccc;font-size:14px;margin:0}.text-input{width:100%;padding:12px 16px;border:2px solid #333333;border-radius:12px;background:#1a1a1a;color:#fff;font-size:14px;resize:vertical;min-height:80px}.text-input:focus{outline:none;border-color:#fff}.text-input::placeholder{color:#666}