.atechly-tool-wrapper { width: 100%; max-width: 380px; margin: 0 auto; font-family: 'Segoe UI', Tahoma, sans-serif; }

.wish-card { 
    background: #fff; border-radius: 12px; padding: 15px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: 1px solid #eee; text-align: center; 
}

.wish-header h2 { font-size: 1.1rem; margin-bottom: 5px; color: #333; }
.wish-header p { font-size: 0.75rem; color: #777; margin-bottom: 12px; }

.wish-form { display: flex; flex-direction: column; gap: 8px; }
.wish-form input { padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 0.85rem; outline: none; }

.wish-row { display: flex; gap: 8px; }
.wish-row input { width: 50%; }

#generateBtn { 
    background: #007bff; color: #fff; border: none; padding: 12px; 
    border-radius: 6px; cursor: pointer; font-weight: bold; transition: 0.2s; 
}

#generateBtn:hover { background: #0056b3; }

.wish-result { margin-top: 15px; padding: 12px; background: #f9f9f9; border: 1.5px solid #007bff; border-radius: 8px; }

#wishOutput { 
    font-size: 0.9rem; line-height: 1.5; color: #333; text-align: left; 
    margin-bottom: 12px; white-space: pre-wrap; 
    /* Critical for Emoji Display */
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif; 
}

.copy-btn { 
    background: #28a745; color: white; border: none; padding: 10px; 
    border-radius: 5px; cursor: pointer; font-size: 0.8rem; width: 100%; font-weight: 600; 
}

.wish-footer { margin-top: 15px; font-size: 0.65rem; color: #999; border-top: 1px solid #eee; padding-top: 10px; }